/*
 * COLORS:
 * Blue light:			#ebf4f7;
 * Blue light-border:	#d4ecf8;
 * Gray dark:			#838383;
 * Orange light:		#faefcf;
 * Red link:			#df0d1f; (#b22909)
 * Red link hover:		#bf0b23; (#9F2509)
 * Yellow light:		#fff9df;
 * Yellow light-border:	#fff4bf;
 *
 * BORDERS:
 * all { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
 * top { border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; }
 *
 * OTHER:
 * input { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border:1px solid #ABADB3; font-family: verdana, arial, sans-serif; font-size: 15px; margin-right: 0; padding: 4px; }
 * shadow { box-shadow: 0 2px 3px #838383; -moz-box-shadow: 0 2px 3px #838383; -webkit-box-shadow: 0 2px 3px #838383; }
 * text shadow { text-shadow: 0 1px 0 #fff; }
 */

html {
	margin: 0;
	padding: 0;
	}

body {
	background: #ebf4f7 url(../images/bg.png) top left repeat-x;
	color: #333;
	font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	width: 100%;
	}

a { border-bottom: 1px solid #bbb; color: #cc3333; text-decoration: none; }
a:hover { border-bottom: 1px solid #af2020; color: #af2020; }
a img { border: none; }

a.noborder { border: none; }
a.a-gray { border-bottom: 1px solid #666; color: #666; }
a.a-gray:hover { border-bottom: 1px solid #333; color: #333; }
a.small-link { color: #666; font-size: 11px; margin-left: 0px !important; }
a.small-link:hover { color: #333; }

a, button { outline:none; }

h1 { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 26px; font-weight: normal; line-height: 1em; text-shadow: 0 1px 0 #f5f5f5; }
h2 { color: #666; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 1em; margin: 3px 0 0; padding: 0 0 10px; }
h3 { color: #444; font-size: 13px; font-weight: bold; margin: 0; padding: 2px 0 8px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }

input { font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; font-size: 15px; margin: 0; padding: 2px; }
input[type="text"], input[type="password"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea { font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
select { font-family: 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; margin-top: 0; padding: 4px 4px 4px 2px; }
button { font-family: Helvetica, Arial, sans-serif; }
p { line-height: 1.4em; margin: 5px 0; padding: 0 5px; }

ul { list-style-image: url(../images/icons/bullet_blue.png); margin: 5px 0 0; padding: 0 0 0 30px; }
li { padding: 0 0 3px; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.centered { text-align: center; }
.relative { position: relative; }
.clear { clear: both; }
.clearleft { clear: left; }
.floatleft { float: left; }
.floatright { float: right; }
.tag { font-size: 10px; padding: 3px 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.input { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; padding: 4px 4px 5px; }
.textarea { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; padding: 4px; width: 90%; }
.strike { text-decoration: line-through !important; color: #aaa !important; font-weight: normal !important; }
.strike-line { text-decoration: line-through; }
.textbutton-img { background: #ebf4f7; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 7px 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.textbutton-img:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }
.textbutton-img img { margin: 0 0 -3px; padding: 0; }
.wysiwyg { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wysiwyg ul { list-style-image: none; list-style-type: none; }
.or-cancel { display: block; float: left; margin: 0; padding: 5px 0 0 10px; }
.nowrap { white-space: nowrap; }
.normal { font-style: normal; }
.aquo { font-size: 16px; }
.inline { display: inline; }
.placeholder { color: #aaa; cursor: text; font-size: 14px !important; margin: 5px 0 0 7px !important; position: absolute; }
	#nav-search .placeholder { margin-top: 15px !important; }
.overdue { color: #b63030; }

.cb { background: none; border: none; cursor: pointer; _cursor: hand; font-size: 13px; font-weight: bold; margin: 0; overflow: visible; padding: 0; }
.cb a { border: none; color: #333; }
.cb div { background: url(../images/buttons-all.png) no-repeat scroll 100% -2px transparent; display: block; height: 28px; padding: 0 11px 0 0; }
.cb span { background: url(../images/buttons-all.png) no-repeat scroll -2px -2px #fff; clear: none; color: #333; display: block; height: 28px; line-height: 28px; padding: 0 0 0 9px; text-shadow: 0 1px 0 #D5ECC7; white-space: nowrap; }
.cb:hover span { background-position: -2px -32px !important; }
.cb:hover div { background-position: 100% -32px !important; }
.gb div { background-position: 100% -62px; }
.gb span { background-position: -2px -62px; color: #333; text-shadow: 0 1px 0 #E8E8E8; } 
.gb:hover div { background-position: 100% -92px !important; }
.gb:hover span { background-position: -2px -92px !important; }
.db:hover div { background-position: 100% -62px !important; }
.db:hover span { background-position: -2px -62px !important; }
.ub div { background-position: 100% -122px; }
.ub span { background-position: -2px -122px; color: #333; text-shadow: 0 1px 0 #D2E4EF; } 
.ub:hover div { background-position: 100% -152px !important; }
.ub:hover span { background-position: -2px -152px !important; }
.rb div { background-position: 100% -182px; }
.rb span { background-position: -2px -182px; color: #333; text-shadow: 0 1px 0 #FDE5EC; } 
.rb:hover div { background-position: 100% -212px !important; }
.rb:hover span { background-position: -2px -212px !important; }
.yb div { background-position: 100% -242px; }
.yb span { background-position: -2px -242px; color: #333; text-shadow: 0 1px 0 #F7F1B7; } 
.yb:hover div { background-position: 100% -272px !important; }
.yb:hover span { background-position: -2px -272px !important; }
.gbg span { background: url(../images/buttons-all.png) no-repeat scroll -2px -2px #ccc; }
.gbg.gb span { background: url(../images/buttons-all.png) no-repeat scroll -2px -62px #ccc; }
.cb span img { margin-right: 3px; position: relative; top: 3px; }
.header-button { position:relative; top:-3px; right:-4px; }
.cb.disabled { cursor: default; }
.cb.disabled span { color: #999; }

.action-green { border: 1px solid #98BE8C; border-bottom: 1px solid #87AF78; color: #333; display: block; -moz-box-shadow: 0px -2px 10px #AED3A2 inset, 0 1px 0 #fff inset; -webkit-box-shadow: 0px -2px 10px #AED3A2 inset, 0 1px 0 #fff inset; box-shadow: 0px -2px 10px #AED3A2 inset, 0 1px 0 #fff inset; text-shadow: 0 1px 0 #F3FFEF; }
.action-green:hover { border: 1px solid #98BE8C; background-color: #A9CF9B; color: #333; -moz-box-shadow: 0px -2px 10px #93b685 inset, 0 1px 0 #fff inset; -webkit-box-shadow: 0px -2px 10px #93b685 inset, 0 1px 0 #fff inset; box-shadow: 0px -2px 10px #93b685 inset, 0 1px 0 #fff inset; }

.highlight { background: #FFF9DF url(../images/white.png) top left repeat-x; border: 1px solid #EFE4B3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 0 0 15px; padding: 5px 10px; }
.highlight2 { background: #FFF9DF; border: 1px solid #FFF4BF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 0 0 15px; padding: 5px 10px; }
.lowlight { color: #666; line-height: 1.5em; padding: 5px 0 7px; }

.error, .success { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 15px 3px 5px; padding: 5px 10px; }
.error { background: #ffefef url(../images/white.png) top left repeat-x; border: 1px solid #ffcfcf; }
.success { background: #e0efe7 url(../images/white.png) top left repeat-x; border: 1px solid #b5dfc9; }
.error .upgrade-button, .success .upgrade-button { border:medium none; display:table-cell; float:left; margin: 4px 10px 0 0; width:162px; }
.error .upgrade-text { display: table-cell; }

.loginnote { margin: -10px 15px 20px; }
.error-php { background: #f5f5f5; border: 1px solid #eee; line-height: 1.5em; margin: 10px 0; padding: 10px; }
.talk { background: #e0f1fc; padding: 7px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.div-button { background: #ebf4f7 url(../images/icons/disk.png) 9px 6px no-repeat; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 5px 10px 6px 32px; }
.div-button:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }

.round { padding: 5px 8px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.round-3 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.round-5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.round-7 { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.round-top-3 { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.round-top-5 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.round-bot-5 { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

.lightshadow { box-shadow: 0 0 10px #838383; -moz-box-shadow: 0 0 10px #838383; -webkit-box-shadow: 0 0 10px #838383; }
.lightershadow { box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; }
.lightgrad { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(1,#F0F0F0)); }
.topwhite { -moz-box-shadow: 1px 1px 1px #fff inset; -webkit-box-shadow: 1px 1px 1px #fff inset; box-shadow: 1px 1px 1px #fff inset; }

/*.blue { background: #668cd9; color: #fff; } #removed this for goals buttons */
.lightblue { background: #e0f1fc; }
/*.green { background: #4cb052; color: #fff; } */
.lightgray { background: #f5f5f5; }
.greentext { color: #1F7F26; }

.progress { background: url(../images/ajax-loader.gif) 0 0 no-repeat; display: block; width: 16px; }

.reminder-note { background: #ffefef url(../images/white.png) top left repeat-x; border: 1px solid #ffcfcf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #333; display: block; font-style: normal; line-height: 1.5em; margin: 15px 2px 5px; padding: 5px 10px; }
.reminder-note .content { float: left; width: 95%; }
.reminder-note .reminder-remove-a { background: none; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #333; display: block; float: right; font-weight: bold; line-height: 1em; margin: 2px -3px 0 0; padding: 1px 5px 4px; text-shadow: 0 1px 1px #fff; }
.reminder-note .reminder-remove-a:hover { background: #EFC2C2; }

#modal-alert { width: 450px; }
#modal-confirm { width: 450px; }
#modal-window { width: 600px; }
#modal-window.prompt { width: 400px; }
#modal-window.prompt .input { width: 360px; }
.modal-dialog { background: #eee; border: 10px solid #999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 15px #838383; -moz-box-shadow: 0 0 15px #838383; -webkit-box-shadow: 0 0 15px #838383; line-height: 1.5em; padding: 0; }
.modal-dialog .title { color: #666; background: #ccc; border-bottom: 1px solid #e1e1e1; padding: 8px 13px 2px; }
.modal-dialog .title h3 { font-size: 18px; font-weight: normal; text-shadow: 0 1px 1px #f5f5f5; }
.modal-dialog .title a { border: none; display: block; color: #333; position: absolute; right: 20px; top: 20px; font-size: 13px; font-weight: bold; line-height: 1em; padding: 1px 6px 4px; text-shadow: 0 1px 0 #fff; }
.modal-dialog .title a:hover { background: #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222; }
.modal-dialog .message { padding: 12px 15px 5px; background-color:#ffffff; border-bottom: 1px solid #ddd; border-top:1px solid #aaa; }
.simplemodal-overlay { background: #000; }

/********** Dashboard **********/

#header, #container, #footer {
	max-width: 1280px;
	min-width: 980px;
	width: 100%;
	}

#header { margin: 0 auto; padding: 0; }
#header-left, #header-middle, #header-right { height: 65px; margin: 0; }
#header-left { background: url(../images/fade-t-l-big.png) bottom left no-repeat; padding: 0 0 0 64px; position: relative; }
#header-right { background: url(../images/fade-t-r-big.png) bottom right no-repeat; padding: 0 64px 0 0; position: relative; z-index: 10; }
#header-middle { background: url(../images/fade-t-m-big.png) bottom left repeat-x; }

	/* books: */
	/* #logo { background: url(../images/bg-clouds.png) 0 0 no-repeat; height: 70px; margin-left: -69px; padding: 2px 0 0 36px; position: absolute; top: 5px; width: 40%; z-index: 20; } */
	/* papers: */
	/* #logo { background: url(../images/bg-papers.png) 0 0 no-repeat; height: 70px; margin-left: -68px; padding: 0 0 0 60px; position: absolute; top: 5px; width: 40%; z-index: 20; }*/
	/* nothing: */
	#logo { height: 35px; margin-left: -29px; padding: 0; position: absolute; top: 5px; width: 40%; z-index: 20; }
	#logo img { margin-top: 5px; }
	#logo a { border: none; }

	.user-pro { background: url(../images/icons/pro.png) top right no-repeat; margin-right: 2px; padding-right: 20px; }
	.user-standard {  }

	#usernav { float: right; height: 50px; margin-right: -29px; padding: 0; width: 80%; }
	#usernav ul { float: right; list-style: none; margin: 0 -5px 0 0; padding: 0; }
		#usernav li { background: url(../images/usernav-left-sm.png) top left no-repeat; float: left; margin: 4px 0 0 0; padding: 0 0 8px 6px; text-shadow: 0 1px 0 #2d2d2d; }
		#usernav a { outline:0; background: #4d4d4d url(../images/usernav-bottom.png) bottom left repeat-x; border: none; color: #fff; display: block; float: left; font-size: 13px; padding: 5px 5px 0; height:27px; }
		#usernav a#course-add { padding: 4px 4px 9px 0; }
		#usernav a:hover { color: #ddd; }
		#usernav a:hover strong { color: #ccc; }
		#usernav a#course-drop { cursor: pointer; margin: 0; padding: 1px 0 5px; position: relative; }
		#usernav img { border: none; margin: 0; padding: 0; }
        #usernav a img { margin: -1px 7px 0 0; float:left; }
		#usernav span { background: url(../images/usernav-middle.png) top right no-repeat; display: block; float: left; padding: 0 11px 0 0; }
		#usernav li.first { background: url(../images/usernav-left.png) top left no-repeat; padding: 0 0 8px 13px; }
		#usernav em { font-style: normal; }
		#usernav li.last a { width: 160px; white-space:nowrap; overflow:hidden; }
		#usernav li.last span { background: url(../images/usernav-right.png) top right no-repeat; padding: 0 13px 0 0; }
        #usernav li.last a img { margin-top:0px; }
        #account-dd a img { position:relative; top:2px; }
		#usernav li:hover { /*margin: 5px 0 -1px;*/ }
        #usernav .chat-icon { position:relative; top:1px; }
	#usernav b { display: block; float: right; font-weight: normal; padding: 12px 10px 0 0; }
		#usernav b a { background: none; border-bottom: 1px solid #666; color: #666; display: inline; float: none; font-size: 11px; padding: 0; margin: 0; }
		#usernav b a:hover { border-bottom: 1px solid #333; color: #333; }
	#usernav .nav-highlight { color: #F5E494; font-weight: bold; }
	#usernav .nav-highlight:hover { color: #D6AE00; }
	
	#account-dd { background: #4d4d4d; border-right: 1px solid #999; visibility:hidden; position: absolute; padding: 0; right: 35px; top: 24px; width: 183px; z-index: 50; }
	#account-dd a { border: none; color: #fff; display: block; margin:0 5px 5px; padding:4px 7px; 0 1px 0 text-shadow:#2D2D2D; }
	#account-dd a.first { margin-top:10px; }
	#account-dd a:hover { background: #6d6d6d; }
	#account-dd a img { margin:-1px 7px 0 0; float:left; }
	#account-drop-arrow { border-left: 1px solid #6d6d6d; color: #EEEEEE; padding-left: 5px; position: absolute; right: 12px; top: 6px; z-index: 100; font-size:11px; background-color:#4d4d4d; }
	
	#demo-signup { left: 50%; margin:25px 0 0 -125px; position: absolute; text-align: center; top: 0; width: 250px; z-index: 100; }
		#demo-signup .button { background: #F5E494 url(../images/white.png) top left repeat-x; border: 1px solid #DFCB6F; padding: 5px 8px; }
		#demo-signup a { border: none; font-weight: bold; text-shadow: 0 1px 0 #FFF6CF; }

#container {
	margin: 0 auto;
	padding: 0;
	}

	#main-left { background: #ebf4f7 url(../images/fade-b-l.png) top left no-repeat; margin: 0; padding: 0 0 0 35px; }
	#main-right { background: #ebf4f7 url(../images/fade-b-r.png) top right no-repeat; margin: 0; padding: 0 35px 0 0; position: relative; z-index: 10; }
	#main-middle { margin: 0; padding: 0; width: 100%; }

	#nav { background: #e9e9e9; height: 50px; }
	#nav ul { float: left; list-style: none; margin: 0; padding: 0; }
	#nav li { background: #838383; float: left; font-size: 14px; margin: 10px 0 9px 10px; padding: 7px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
	#nav li:hover { background: #636363; }
    #nav li.image-icon { padding: 6px 8px 2px; }
	#nav li a { border: none; color: #fff; text-shadow: 0 1px 0 #636363; }

	#nav ul#add-new { float: right; margin-right: 10px; }
	#nav ul#add-new li { background: #5d5d5d; padding: 6px 7px; }
	#nav ul#add-new li:hover { background: #4d4d4d; }
	#nav ul#add-new img { margin: 0 1px -3px 0; }
	#nav ul#add-new li ul { visibility: hidden; background: inherit; padding: 2px 2px 7px; position: absolute; right: 45px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 1000; }
	#nav ul#add-new li ul li { background: #6d6d6d; border: none; color: #fff; float: none; font-size: 12px; margin: 5px 5px 0; padding: 3px 10px; }
	#nav ul#add-new li ul li a { display: block; text-shadow: 0 1px 0 #333; }
	#nav ul#add-new li ul li:hover { background: #7d7d7d; }
	#nav ul#add-new #add-new-button { cursor: pointer; }

	#nav #courses-button { border-left: 1px solid #aaa; color: #fff; cursor: pointer; font-size: 11px; padding: 1px 0 0 5px; text-shadow: 0 1px 0 #555; }
	#nav #courses-button:hover { color: #ccc; }
	#nav ul#courses-dd { visibility: hidden; background: inherit; padding: 2px 2px 7px; position: absolute; margin-left: -10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 1000; }
	#nav ul#courses-dd li { background: #939393; border: none; color: #fff; float: none; font-size: 12px; margin: 5px 5px 0; padding: 0; }
	#nav ul#courses-dd li a { display: block; padding: 3px 8px; text-shadow:none; }
	#nav ul#courses-dd li:hover { background: #7d7d7d; }

	#nav-search { float: right; }
	#nav-search input { margin: 10px 0; padding: 4px 25px 5px 4px; width: 110px; }
	#nav-search .submit { background: transparent url(../images/icons/search.png) 1px 7px no-repeat; border: none; cursor: pointer; height: 30px; position: absolute; top:0; right:0; margin-right: 80px; width: 18px; z-index: 30; }

	#help { background: #fff url(../images/tab-help.png) top left no-repeat; height: 32px; position: absolute; right: 258px; width: 60px; z-index: 10; }
	#help a { border: none; display: block; height: 28px; padding: 0; width: 60px; }

	#content { background: #fff; height: 100%; width: 100%; position: relative; }
	
	#system-alert { background-color:#CC3333; border-bottom:1px solid #AF2020; border-top:1px solid #AF2020; color:#FFFFFF; font-weight:bold; padding:5px 10px; text-align:center; }
	#system-alert a { color:#f1f1f1; border-bottom: 1px solid #f1f1f1; }
	#system-alert a:hover { color:#fff; border-bottom: 1px solid #fff; }

	#offset { background: #fff url(../images/content-fade-left.png) top left repeat-x; float: left; margin-right: -250px; width: 100%; } 

	.page-left { padding: 10px 3px 0 3px; }

	#left { 
		background: url(../images/right-gray.png) top right repeat-y;
		/*float: left;*/
		height: 100%;
		/*margin-right: 250px;*/
		padding: 10px 260px 15px 10px;
			/*padding-bottom: 50em;*/
			/*margin-bottom: -50em;*/
		}

		#left h2 { font-size: 20px; padding-bottom: 12px; }
		#left h2.top-header { padding-bottom:8px; margin-bottom:0; }
		#left h3.sub-header { font-weight:normal; font-size:14px; margin-bottom:5px; color:#666; } 

		#crumbs { border-spacing: 0; font-size: 11px; overflow: hidden; padding: 0; white-space: nowrap; }
		#crumbs input { padding: 1px; }
		#crumbs-bookmark { float: left; margin: -2px 5px 0 0; }
		#crumbs a { border: none; color: #594f23; }
		#crumbs td.first { background: #f5e494; display: block; float: left; margin: 0 5px 0 0; padding: 3px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }		
		#crumbs td.snippet { padding: 0 5px; white-space: nowrap; width: 100%; }
		#crumbs td div.snippet-outer { padding: 0; position: relative; width: 100%; }
		#crumbs td div.snippet-inner { left: 0; overflow: hidden; position: absolute; top: -11px; width: 100%; }
		#crumbs td div.snippet-inner em { background: #f5e494; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; float: left; font-style: normal; padding: 3px 6px; }

		#welcome { margin: 15px 0 10px; padding: 0 5px 0 0; }
			#appleboy-talk { background: url(../images/talk-arrow.png) 51px 15px no-repeat; float: left; margin-top: -5px; padding: 0; width: 80px; }
			#welcome-talk { margin-left: 80px; }
			#welcome-talk strong { display: block; margin: 0; padding: 2px 0 6px; }
			#welcome-talk .body { font-size: 11px; line-height: 1.7em; }
			#welcome-talk hr { background: #77A4BF; border: none; height: 1px; margin: 12px 0 8px; }
			#welcome-talk a.notice-a { font-weight:bold; color: #333; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: right; line-height: 1em; margin: -1px 1px 0 0; padding: 1px 5px 4px 5px; text-shadow: 0 1px 1px #fff; }
			#welcome-talk a.notice-a:hover { background: #B3D8EF; }
			#welcome-talk div.notice { line-height: 1.4em; }
			#welcome-talk h3 { font-size: 16px; }
			#welcome-talk p { padding: 0; margin:0 0 10px 0; }

		#left-todo { clear: both; padding: 10px 3px 3px; }
		#left-todo .left-todo-links { display: block; padding: 5px 0 0; text-align: right; }
		
		#left-feed { padding: 0 5px 20px; }
		.feed-table { border-spacing: 0; font-size: 11px; table-layout: fixed; width: 100%; }
		.feed-table td { border-bottom: 1px solid #eee; line-height: 1.5em; padding: 4px 3px; vertical-align: top; }
		.feed-table td.type { text-align: right; white-space: nowrap; width: 80px; }
		.feed-table td.type.assignment span { background: #d4ecf8; padding: 3px 4px 2px; }
		.feed-table td.action { color: #999; text-align: right; white-space: nowrap; width: 10%; }
		.feed-table td.user { overflow: hidden; white-space: nowrap; width: 10%; }
		.feed-table td.date { white-space: nowrap; width: 5%; }
		.feed-table td.course { overflow: hidden; padding-right: 10px; width: 15%; }
		.feed-table td em { font-style: normal; overflow: hidden; white-space: nowrap; }

		#left-announcements { clear: both; padding: 5px 3px; }
		#left-announcements .announcement-container { margin: 0; padding: 0; }
		#left-announcements table { border-spacing: 0; margin: 0 0 10px; width: 100%; }
		#left-announcements .round-announcement { border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; width: 5px; }
		#left-announcements .course-announcement { background: #f5f5f5; padding: 7px 5px 2px 7px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
		#left-announcements .course-announcement h4 { margin: 0; }
		#left-announcements .course-announcement p { padding: 0; }
		#left-announcements .course-announcement em { color: #666; }

		#left-news { clear: both; padding: 10px 3px 3px; }
		#left-news-left { border-right: 1px solid #d1d1d1; float: left; padding: 0 2% 10px 0; width: 60%; }
		#left-news-left em { color: #838383; }
		#left-news-right { float: right; margin-left: -1px; padding: 0 0 0 2%; width: 36%; }
		.readmore { display: block; float: right; font-style: italic; padding: 5px 5px 0 0; }

		#left-extra { clear: both; padding: 15px 10px 10px; }

	#right {
		background: #c9c9c9;
		float: right;
		min-height: 592px;
		padding: 0;
		width: 250px;
		}

	#right-fade {
		background: url(../images/content-fade-right.png) top left repeat-x;
		padding: 5px 0 10px;
		}

		#right h2 { padding-top: 0; text-shadow: 0 1px 1px #f5f5f5; }
		#right-search, #right-files, #right-classes, #right-bookmarks, #right-filters, #right-time, #right-discussions, #right-invite, .right-line { background: url(../images/right-line.png) bottom left repeat-x; padding: 10px 10px 20px; }
			.right-line.code { padding-bottom: 11px; }
		
		#right-discussions { padding-left: 0; }
		#right-discussions h2 { padding-left: 10px; padding-right: 5px; }
		.right-tabs-list { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
		.right-tabs-list li { background: #ddd; box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; font-size: 13px; margin: 0 0 3px; padding: 5px 5px 5px 10px; word-wrap: break-word; }
		.right-tabs-list li.selected { background: #fff; }
		.right-tabs-list li:hover { background: #fff; }
		.right-tabs-list li.general a { color: #333; }
		.right-tabs-list li.blank { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
		.right-tabs-list a { border: none; display: block; float: left; width: 180px; }
		.right-tabs-list span { background: #d4ecf8; display: block; float: right; font-size: 11px; padding: 2px 5px; }
		.right-tabs-list .options { clear: left; padding: 5px 0; }
		.right-tabs-list li.general span { background: none; float: none; padding: 5px 0 2px 15px; text-shadow: none; }
		.right-tabs-list li.general .middle { vertical-align: middle; }
		.right-tabs-list .none { background: none; }
		.right-tabs-list em { display: block; clear: both; }
		.right-tabs-list em.icon { clear: none; display: block; float: right; padding: 0; }
		.right-tabs-list em.icon a { margin: 0 3px -3px 0; width: 16px; }
		.right-bar-button { margin: 10px 0 0; }
		.right-bar-button a { border: none; color: #333; }
			
		#right-time span { display: block; margin: 3px 0 0 5px; }
		#right-time span.time { box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; color: #666; background-color: #ddd; border-top: 1px solid #e9e9e9; display: block; margin: 0 0 5px; padding: 3px 5px 4px 7px; }

		#right-search { font-size: 11px; padding-top: 15px; }
			#right-search a, #right-search a.small-link { border-bottom: 1px solid #666; color: #666; display: block; float: left; margin: 5px 0 0 5px; padding: 3px 0 0; }
			#right-search a:hover, #right-search a.small-link:hover { border-bottom: 1px solid #333; color: #333; }
			#right-search .search-field { margin: 0; width: 65%; }

		#right-files { padding-bottom: 15px; }
			.progress-bar-a { background: #e9e9e9 url(../images/white.png) top left repeat-x; border: 1px solid #a9a9a9; display: block; height: 24px; margin: 2px 0 0; width: 100%; }
			.progress-bar-a:hover { border-color: #a9a9a9; }
			.progress-bar-a span { display: block; padding: 3px 0 0 10px; position: absolute; text-align: center; }
			#right-files .progress-bar-a span { padding-left: 0; width: 230px; }
			.settings-content .progress-bar-a { width: 80%; }
			.progress-bar-a .progress-bar { background: #F5E494; border-top: 1px solid #FFF4BF; border-right: 1px solid #DFCB6F; display: block; height: 23px; margin: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; }

		#right-classes { }
			#right-classes em { display: block; font-size: 12px; padding: 0 0 3px; }
			#right-classes a { border-bottom: 1px solid #666; clear: both; color: #666; display: block; float: left; font-size: 11px; margin: 0 0 0 5px; padding: 5px 0 0; }
			#right-classes a:hover { border-bottom: 1px solid #333; color: #333; }
			#right-classes a.sidebar-link { clear: none; display: inline; float: none; color:#333; font-size:13px; }
			#right-classes ul { list-style: none; margin: 0; padding: 0; }
			#right-classes li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: left; float: left; margin: 0 0 5px; padding: 2px 4px; }
			#right-classes li a { border: none; color: #fff; font-size: 13px; margin: 0; padding: 0; }
			#right-classes li a:hover { border: none; color: #fff; }		
			#right-classes li.sidebar-type-li { float: none; clear: none; }

		#sidebar-premium-ad { background: #e9e9e9 url(../images/white.png) top left repeat-x; border: 1px solid #b9b9b9; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display: block; float: left; font-size: 11px; margin: 15px 0 0; padding: 5px 0 6px; text-align: center; width: 230px; }
		#sidebar-premium-ad a { border: none; color: #cc3333; display: block; font-size: 14px; margin: 0 auto 5px; width: 100%; }
		#sidebar-premium-ad a:hover { border: none; color: #af2020; }
		#sidebar-premium-ad span { clear: both; display: block; }

		#right-bookmarks { }
			#right-bookmarks em { font-size: 12px; }
			#right-bookmarks .manage-bookmarks { display: block; font-size: 11px; float: left; padding: 8px 0 0 5px; }
			#right-bookmarks .manage-bookmarks a { border-bottom: 1px solid #666; color: #666; }
			#right-bookmarks .manage-bookmarks a:hover { border-bottom: 1px solid #333; color: #333; }
			#bookmark-list { list-style-type: none; margin: 0; padding: 0; }
			#bookmark-list li { background: url(../images/icons/star-on.png) 5px 0 no-repeat; list-style-image: none; margin: 0; padding: 1px 0 3px 30px; }
			#bookmark-list li.bookmark a { border: none; color: #444; font-size: 13px; font-weight: bold; }
			#bookmark-list li.bookmark a:hover { color: #333; }
			#bookmark-list-table input.bookmark-input { width: 350px; }

		#right-invite { padding-bottom: 13px; }
		#right-invite a { text-align:center; }
		#right-extras { padding: 10px; }
			#right-extras a.extra { border: none; display: block; font-weight: normal; color: #444; padding-left: 30px; margin-top: 5px; }
			#right-extras a.extra:hover { color: #333; }
			#right-extras a.donate { background: url(../images/icons/money.png) 5px 0 no-repeat; }
			#right-extras a.bug { background: url(../images/icons/bug.png) 5px 0 no-repeat; }
			#right-extras a.feature { background: url(../images/icons/feature.png) 5px 0 no-repeat; }
			#right-extras a.firefox { background: url(../images/icons/firefox.png) 5px 0 no-repeat; }
			#right-extras a.twitter { background: url(../images/icons/twitter.png) 5px 0 no-repeat; }
            #right-extras a.facebook { background: url(../images/icons/facebook.png) 5px 0 no-repeat; }

		.right-more { display: block; font-size: 11px; line-height: 1.5em; padding: 5px 0 0 10px; }
		.right-pad { padding: 10px 5px 0 10px; }


/********** Footer **********/

#footer { color: #777; font-size: 11px; line-height: 1.4em; margin: 0 auto; min-height: 30px; padding: 0; }
#footer a { border-bottom: 1px solid #2F5B7F; color: #2F5B7F; }
#footer a:hover { border-bottom: 1px solid #29475F; color: #29475F; }
#footer-left { background: url(../images/footer-fade-l.png) top left no-repeat; padding: 0 0 0 64px; }
#footer-right { background: url(../images/footer-fade-r.png) top right no-repeat; padding: 0 64px 0 0; z-index: 10; }
#footer-middle { background: url(../images/footer-fade-m.png) top left repeat-x; padding: 20px 0 15px; }
#footer .footer-line { line-height: 1.6em; margin-left: -20px; padding: 0 10px; }
#footer .footer-block { float: left; padding: 0 25px 20px 0; }
#footer .footer-block h5 { font-size: 13px; margin: 0; padding: 0 0 10px; }
#footer .footer-block span { display: block; clear: both; margin: 0 0 3px; }

/********** Dashboard **********/

/* Unified add form */
.unified-form { background: #C2DFEF; border: 1px solid #58A1D8; border-bottom: 1px solid #58A1D8; padding: 3px 0; -moz-box-shadow: 0px -2px 10px #A7CCDF inset; -webkit-box-shadow: 0px -2px 10px #A7CCDF inset; box-shadow: 0px -2px 10px #A7CCDF inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#unified-add { font-size: 11px; margin: 5px 0 20px; }
#unified-add ul { margin: 0; padding: 0; }
#unified-add .uali { float: left; list-style: none; margin: 0 5px 0 0; padding: 5px 10px; }
	#unified-add .tab { border-left: 1px solid #fff; border-right: 1px solid #fff; text-transform: uppercase; text-shadow: 0 1px 0 #fff; }
	#unified-add .tab.active { background: #C2DFEF url(../images/white.png) 0 0 repeat-x; border: 1px solid #5096D8; border-bottom: none; margin-bottom: -1px; padding: 4px 10px 6px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
	#unified-add .tab.active a { color: #333; }
.unified-add-form { background: #fff; border: 1px solid #6DB1E1; margin: 0 3px; padding: 7px 0; -moz-box-shadow: 0px -2px 5px #e1e1e1 inset; -webkit-box-shadow: 0px -2px 5px #e1e1e1 inset; box-shadow: 0px -2px 5px #e1e1e1 inset; }
.unified-add-form input { width: 93%; }
.unified-add-form textarea { height: 50px; width: 99%; }
.unified-add-form select, .unified-add-form .last input { width: 99%; }
.unified-add-form .autowidth { width: auto; }
.unified-add-form .form-left { float: left; margin-right: 1%; }
.unified-add-form .form-left input, .unified-add-form .form-left select { margin-bottom: 0; }
.unified-add-form .form-line { padding: 5px 0 0; }
.unified-add-form .form-line.indent { padding-left: 20px; }
.unified-add-form .first { margin-left: 1%; }

.unified-more-submit { padding: 7px 7px 0 10px; }
#unified-more-links { float: left; padding: 12px 0 0; width: 60%; }
#unified-more-links a { background: url(../images/icons/bullet_add.png) 0 -1px no-repeat; display: block; float: left; margin: 0 10px 0 0; padding: 0 0 0 16px; }
#unified-submit { float: right; text-align: right; width: 40%; }
.form-more { padding: 10px 1% 0; }
.form-more textarea { height: 75px; }

.course-view #add-link, .course-view #add-note, .course-view #add-discussion { width: 98%; margin: 0 1%; }
.course-view #add-file { width: 77%; margin: 0 1%; }

.dashboard-view #add-link, .dashboard-view #add-note, .dashboard-view #add-discussion { width: 72%; }
.dashboard-view #add-file { width: 55%; }

/********** Calendar **********/

h2.calendar-header { float: left; }

.calendar-options { float: right; padding: 5px 0 0; }
.calendar-options a { border: none; color: #666; display: block; float: left; font-size: 11px; padding: 2px 0 1px 22px; margin: 0 2px 0 10px; }
.calendar-options a:hover { color: #333; }
.calendar-options a.settings { background: url(../images/icons/settings.png) 1px 0 no-repeat; }
.calendar-options a.ical { background: url(../images/icons/calendar.png) 1px 0 no-repeat; }

#calendar-panel { padding: 0 0 5px; }
#calendar-panel a { background: #838383; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #eee; display: block; float: left; margin: 1px 6px 3px 0; padding: 3px 10px; text-indent: -1000em; width: 15px; }
#calendar-panel a.prev { background: #838383 url(../images/icons/arrow_prev.png) 50% 50% no-repeat; }
#calendar-panel a.next { background: #838383 url(../images/icons/arrow_next.png) 50% 50% no-repeat; }
#calendar-panel input { font-size: 11px; }
#calendar-panel strong { font-size: 14px; padding: 0 0 0 5px; }
#calendar-loader { margin: 0 0 -3px 5px; }

.calendar { border: 1px solid #d1d1d1; border-spacing: 1px; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; table-layout: fixed; }
.calendar th, .calendar em { background: #f5f5f5; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; color: #838383; font-size: 11px; font-weight: normal; margin: 0; text-align: left; padding: 3px 4px; }
.calendar em { border-right: none; display: block; font-style: normal; text-align: right; }
.calendar em b { float: left; font-weight: normal; }	
.calendar td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 11px; height: 90px; margin: 0; text-align: left; vertical-align: top; width: 14%; }
.calendar td:last-child { border-right: none; }
	#dash-calendar td { padding: 0 !important; }
.calendar tr:last-child td { border-bottom: none; }
.calendar td div { padding: 5px 4px 2px; }		
.calendar td span.event { border-bottom: 1px solid #e5e5e5; display: block; height: 16px; overflow: hidden; margin-bottom: 2px; white-space: nowrap; }
.calendar td span.event a { border: none; font-weight: bold; padding: 0 0 4px; }
.calendar td span.event.last { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.calendar .show-more-events { border: none; display: block; font-size: 10px; margin: 2px 0; text-align: center; }
.calendar .show-more-events:hover { border: none; }
.calendar td.daytoday { background: #fff9df; }
.calendar td.no-right, .calendar th.no-right { border-right: none; }
.calendar tr.yes-top th { border-top: 1px solid #e9e9e9; }


/********** Help **********/

#help-content { display: none; }
#osx-modal-content, #osx-modal-data { display: none; }
#osx-overlay { background-color: #000; /*cursor: wait;*/ }
#osx-container {background-color: #eee; color: #333; font-size: 13px; padding-bottom: 10px; width:650px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
	#osx-container #osx-modal-title { color: #666; font-size: 18px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; background-color: #ccc; border-bottom: 1px solid #aaa; font-weight: normal; padding: 6px 8px 6px 15px; text-shadow: 0 1px 1px #f5f5f5;}
	#osx-container .close { display:none; float:right; }
	#osx-container .close a { border: none; display: block; color: #333; font-size: 13px; font-weight: bold; margin: 8px 8px 0 0; padding: 1px 6px 4px; text-shadow: 0 1px 0 #fff;}
	#osx-container .close a:hover { background: #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #222; }
	#osx-container #osx-modal-data { padding: 12px 15px; }
	#osx-container h2 { margin: 10px 0 6px; }
	#osx-container p { margin-bottom: 5px; padding: 0 5px 15px; }
	#osx-container h3 { padding: 2px 0 0; }
	#osx-container span { color: #666; font-size: 13px; }


/********** Courses **********/

#closed_courses { margin: 15px 0; }
#pending_courses { margin: 15px 0; padding-bottom: 10px; }

#course-info { }
	#sidebar-course-types { box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; background-color: #ddd; border-top:1px solid #e9e9e9; display: block; list-style-type: none; list-style-image: none; padding: 4px 0px 1px 3px !important; }
	#sidebar-course-types li div { float: left; margin: 0 5px 0 0; }
	#sidebar-course-types li div.clear { float:none; }
	#sidebar-course-types .type { width: 165px; }
	#course-info .row { padding: 10px 0 0; }

.course_list { margin: 0 0 15px; width: 100%; }
.course_list .course { border: 1px solid #ddd; border-bottom: 1px solid #c1c1c1; clear: both; margin: 0 0 15px; } 

	.course .course-header { background: #f3f3f3; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; margin: 1px 0 0; padding: 8px 10px 10px; }
	#closed_courses .course .course-header, #pending_courses .course .course-header { background: #f3f3f3; margin: 0; padding: 8px 10px; }
	.course .course-header span.grade { display: block; float: right; padding: 2px 0 0; }
	.course_list .course a.name, .course_list .course span.name { display: block; float: left; font-size: 14px; font-weight: normal; }
    .course_list .course span.name.wide-name { float:none; margin-bottom:5px; }
	.course_list .course .color-picker { float: left; padding: 2px 0 0; }
	.course_list .course .color-picker .calendar-color { float: left; height: 12px; margin: 2px 2px 0 10px; width: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.course_list .course .color-picker img { cursor: pointer; float: left; }
	.course_list .course a.restore, .course_list .course a.delete { border: none; color: #666; float: right; font-size: 11px; margin: 0 0 -5px 10px; padding: 2px 2px 1px 20px; }
		.course_list .course a.remove:hover, .course_list .course a.restore:hover, .course_list .course a.delete:hover { color: #333; }
		.course_list .course a.remove { background: url(../images/icons/remove.png) 0 0px no-repeat; }
		.course_list .course a.restore { background: url(../images/icons/arrow_undo.png) 0 1px no-repeat; }
		.course_list .course a.delete { background: url(../images/icons/delete.png) 0 1px no-repeat; }
	.course_list .actions { padding: 10px 5px; }
	.course_list .actions .links { float: left; }
	.course_list .actions .code { float: right; }
	.course_list .actions .code span { border-bottom: 1px dotted #777; color: #777; cursor: help; }
	.course_list .course a.remove, .course_list .course a.view, .course_list .course a.grades, .course_list .course a.discussions, 
	.course_list .course a.edit, .course_list .course a.roster { border: none; color: #666; font-size: 11px; margin: 0 10px 0 5px; padding: 1px 2px 1px 20px; }
		.course_list .course a.view:hover, .course_list .course a.grades:hover, .course_list .course a.discussions:hover, .course_list .course a.edit:hover { color: #333; }
		.course_list .course a.view { background: url(../images/icons/book_open.png) 0 0 no-repeat; }
		.course_list .course a.grades { background: url(../images/icons/report.png) 0 0 no-repeat; }
		.course_list .course a.discussions { background: url(../images/icons/discussions.png) 0 0 no-repeat; }
		.course_list .course a.roster { background: url(../images/icons/user_green.png) 0 0 no-repeat; }
		.course_list .course a.edit { background: url(../images/icons/edit.png) 0 0 no-repeat; }
	.course-add-link, .item-add-link { float: right; padding: 0 0 10px 25px; }
	.course-add-link a { background-image: url(../images/icons/book_add.png); }
	.course-closed-note { font-size: 12px; font-style: italic; margin: 0; padding-top: 8px; }
    .course_list .course .checkbox { float:left; display:block; width:24px; margin-top:1px; }
    .course_list .course .description { font-size:12px; color:#666; padding:0 0 0 24px; }
	.course_list .course .description.nocheck { padding:0; }
    .course_list .course .bar { float:right; width:250px; text-align:right; }
    .course_list .course .progress-bar-a { float:right; height:16px; width:200px; overflow: hidden; position:relative; top:-2px; margin-left:5px; }
    .course_list .course .progress-bar-a .progress-bar { height:15px; }
    .course_list .actions.content { padding:10px; }
    .course_list .content h3 { margin:0; padding:0 0 4px; }
    .course_list .content p { padding:0; margin:0 0 15px; font-size:11px; }
    .course_list .content .skills { float:left; width:35%; margin-right:5%; }
    .course_list .content .milestones { float:left; width:35%; margin-right:5%; }
    .course_list .content .date { float:left; width:20%; }
	.course_list .course .edit-student-goal { float:right; margin-left:10px; display:block; }

	/***** Blue site interaction form *****/

	.add-form { background: #ebf4f7 url(../images/white.png) top left repeat-x; border: 1px solid #d4ecf8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 20px; padding: 8px 10px 10px; text-align: center; }
	.add-form .left span { display: block; float: left; padding: 0 0 0 5px; }
	.add-form .submitrow { padding-top: 5px; }
	.add-form .checkbox { margin: 3px 0 0; }
	
	/* Tabs */
	.add-form-tabs { padding: 0 0 0 10px; }
	.add-form-tabs .tab { background: #ddd; border: 1px solid #ccc; float: left; margin: 0 5px -1px 0; padding: 3px 6px; }
	.add-form-tabs .tab.on, .add-form-tabs .tab:hover,
	.add-form-tabs .tab.ui-tabs-selected { background: #fff; border-bottom: 1px solid #fff; }
	.add-form-tabs .tab a { border: none; color: #333; }

	/* Columns */
	.itemcol { display: block; float: left; padding-right: 5px; text-align: left;}
	.itemcol label { display: block; font-size: 11px; margin: 0 0 3px; padding: 0 0 3px; text-align: left; }
	.itemcol label.placeholder { margin-top:8px !important; }

	/* Rows */
	.itemrow { clear: left; display: block; float: left; padding: 2px 0; width: 100%; }
	.itemrow label { display: block; float: left; font-weight: bold; padding: 5px 10px 0 0; text-align: right; width: 7%; }
	.itemrow input, .itemrow select { float: left; }
	.itemrow select { margin: 2px 0; }
	.itemrow #new-note-submit { float: left; margin-top: 5px; width: auto; }
	.itemrow img#new-note-loader { float: left; margin: 5px 0 0 10px; }
	.itemrow textarea { float: left; height: 100px; margin: 5px 0 0; width: 88%; }
	.itemrow.check { margin-top: 20px; clear: both; }
	.itemrow.check input { float: left; }
	.itemrow.check label { width: 80% !important; margin: 0 0 10px 30px; padding: 0 !important ; text-align: left !important;}

	/* Specific item widths */
	.new-item-div-title { width: 50%; }
	.new-item-div-short { width: 30%; }
	.new-item-div-shorter { width: 25%; }
	.new-item-div-title input, .new-item-div-short input, .new-item-div-shorter input { width: 95%; }
	.new-item-div-short select, .new-item-div-shorter select { width: 98%; }
	.new-note-div-title { width: 100%; }
	.new-note-div-title input { width: 75%; }
	#new-note-body { margin-bottom: 5px; }
	.new-item-div-description { text-align: left; }
	.new-item-div-description label { display: block; font-size: 11px; margin-top: 5px; }
	.new-item-div-description textarea { height: 100px; margin:5px 0; width: 98%; }
	.new-item-div-pad { padding: 7px 0; width: 100%; }
	.new-item-div-select { width: 15%; }
	.new-item-div-select select { width: 95%; }
	.new-item-div-date { width: 14%; }
	.new-item-div-date input { width: 95%; }
		#ui-datepicker-div a { border: none; }
	.new-item-reminder { margin: 4px 0 0 5px; padding: 3px 0 0; height: 0px;  }
	.new-item-reminder input { float: left; }
	.new-item-reminder label { margin-left: 20px; width: 120px; }
	.new-item-div-time { padding: 8px 0 5px; text-align: left; }
	.new-item-div-time label { font-size: 11px; }
	#new-item-add-description { padding: 3px 0 0; }
	.new-item-div-submit { width: 25%; }
	.new-item-div-submit #new-item-submit { margin: 0 0 0 3px; }
	.new-item-div-submit #new-item-submit-add { margin: -1px 0 0 10px; }
	.new-item-div-submit #new-item-submit-join { margin: -1px 0 0 10px; }
	.new-file-div-add { width: 100%; }
	.new-file-div-add #new-file-path { font-size: 17px; padding: 4px; }
	.new-link-div-title, .new-link-div-url { width: 40%; }
	.new-link-div-title input, .new-link-div-url input { width: 95%; }
	.new-link-div-submit #new-link-submit { margin: 0 0 0 -3px; }
	.new-bookmark-div-input { width: 70%; }
	.new-bookmark-div-input input { width: 98%; }
	.new-course-title { width: 70%; }
	.add-submit { text-align: center; width: 100%; }

	.join-course-code { width: 45%; }
	.new-course-title input, .join-course-code input { width: 100%; }

	/***** Yellow interaction form *****/

	#edit-static { width: 100%; }
	#edit-static textarea { height: 150px; }
	.edit-item-form, .new-item-form { background: #fff9df url(../images/white.png) 0 0 no-repeat; border: 1px solid #fff4bf; margin: 0; padding: 10px; text-align: left; }
	.edit-item-form .edit-item-submit { padding: 0; text-align: center; }
	.edit-item-form .action-cancel { border-bottom: 1px solid #df0d1f; color: #df0d1f; }
	.edit-item-form .action-cancel:hover { border-bottom: 1px solid #bf0b23; color: #bf0b23; }

	/***** Table display for course data *****/

	.course-table, #notes-list table { border-collapse: collapse; width: 100%; }
	.course-table th { border-bottom: 1px solid #e9e9e9; text-align: left; padding: 0 5px 5px; }
	.course-table td { background: #fff; text-align: left; border-bottom: 1px solid #e9e9e9; padding: 8px 5px; }
	.course-table.zebra tr:nth-child(even) td { background: #f9f9f9; }
	.course-table td.assignment-icon-td { padding: 8px 5px 4px !important; }
	.course-table .assignment-description { color: #666; font-size: 11px; line-height: 1.5em; margin: 8px 0 0; }
	.course-table td.no-content { border: none; height: 2px; padding: 0; }
	.course-table td.filename { width: 60%; }
	.course-table td.count { width: 12px; }
	.course-table td.icon { text-align: center; width: 16px; }
	.course-table td.icon a { border: none; }
	
	.course-table a, a.black { border-bottom: 1px solid #bbb; color: #111; }
	.course-table a:hover, a.black:hover { border-bottom: 1px solid #aaa; color: #333; }
	.course-table .action a { border:none; }
	.course-table img { border: none; margin: 0 2px 0 0; }
		#assignments-list .assignment-edit, #assignments-list .assignment-remove, #assignments-list .assignment-check { border: none; } /* remove these by using td.icon on the tds */
		#assignments-list .assignment-edit:hover, #assignments-list .assignment-remove:hover, #assignments-list .assignment-check:hover { border: none; }
	.course-table img.file-icon { margin: 0 0 -3px; }
	.course-table a.file-icon-a { border: none; }
	.course-table a.file-icon-a img { margin: 0 0 -4px; }
	.course-table span.link-remove a { border: none; color: #666; font-size: 11px; }
	.course-table span.link-remove a:hover { color: #333; }
	.course-table span.link-remove img { margin: 0 0 -4px 10px; }

	.sort-header span { background: url(../images/icons/sort_bg.gif) 100% 50% no-repeat; cursor: pointer; display: block; float: left; padding-right: 20px; }
	.headerSortUp span { background: url(../images/icons/asc.gif) 100% 70% no-repeat; }
	.headerSortDown span { background: url(../images/icons/desc.gif) 100% 20% no-repeat; }

	#notes-list th { border-bottom: 1px solid #e9e9e9; text-align: left; padding: 0 5px 5px; }
	#notes-list td { border-bottom: 1px solid #e9e9e9; line-height: 1.4em; padding: 10px 0; vertical-align: top; }
	#notes-list td.note-icon { border: none; padding: 11px 8px 10px 0; width: 16px; }
	#notes-list .note-title span.note-title-span { display: block; float: left; font-weight: bold; padding: 0 0 3px; }
	#notes-list .note-title span.note-date-span { color: #666; display: block; float: left; font-style: italic; padding: 0 0 3px; }
	#notes-list td.note-content .note-actions { font-size: 11px; text-align: right; }
	#notes-list td.note-content .note-actions a { border: none; color: #666; }
	#notes-list td.note-content .note-actions a:hover { color: #333; }
	#notes-list td.note-content .note-actions img { margin: 0 0 -4px; }
	#notes-list td.note-content span { display: block; float: left; padding: 5px 0 0 10px; }
	#notes-list tr:first-child td { padding-top: 0; }
	.single-edit { margin: 0; }
	
	#no-files td, #no-links td, #notes-list #no-notes td  { border: none; color: #666; padding: 1px 0 0 5px; }
	em.no-notes, em.no-files, em.no-info, em.no-links { font-style: normal; line-height: 1.6em; }
	.no-info.assignment-page { display: block; margin-left: -5px; padding-top: 10px; }
	.no-info.no-top-pad { padding-top: 0px; }

	/***** Edit Course *****/

	#course-edit-left { float: left; padding: 10px 15px 0 0; width: 100px; }
	#course-edit-right { padding-left: 115px; }
	#course-edit-submit { text-align: center; }
	#course-edit-show { border-top: 1px solid #eee; padding: 0 0 35px; text-align: center; }
	#course-edit-show-a { background: #fff; border: none; display: block; margin: -10px auto 0; width: 200px; }

	.course-back { float: left; font-size: 11px; padding: 8px 0 0 15px; }
	.edit-course-row { padding: 5px 0 10px 0; width: 100%; }
	.edit-course-row h3.course { font-size: 14px; }
	.edit-course-row p { padding: 0 0 7px; }
	.edit-course-info { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px; }
	.edit-course-row input { width: 42%; }
	.edit-course-row input#code { width: 20%; }
	.edit-course-check input { float: left; margin: 2px 8px 2px 5px; width: auto; }
	.edit-course-row textarea { height: 75px; width: 90%; }
	.edit-course-col { float: left; width: 40%; }
	
	.course-edit-options span { display: block; margin: 0 0 5px; }
	.course-edit-options span small { padding-left: 5px; }
	.course-edit-options span.option-on {  }
	.course-edit-options span.option-on em { background: #E0EFE7; font-style: normal; font-weight: normal; padding: 2px 5px; }
	.course-edit-options span.option-off em { background: #ffefef; font-style: normal; font-weight: normal; padding: 2px 5px; }
    .course-edit-options span.upgrade-text { display: block; float: left; padding: 5px 0 0; }
    .course-edit-options a.upgrade-button { border: 0; line-height: 0; float: left; margin:2px 0 10px; }
    .course-edit-options a.upgrade-button img { float: left; line-height: 0; }

	.assignment-types-blurb {  }
	.assignment-types { width: 99%; }
	.assignment-types th { font-weight: normal; text-align: left; }
	.assignment-types span { display: block; float: left; font-weight: bold; margin: 0 15px 3px 0; padding: 3px 5px; }
	.assignment-types .tname { width: 40%; padding-right: 3% }
	.assignment-types .tname input { width: 100%; }
	.assignment-types .weight { width: 16%; }
	.assignment-types .weight input { width: 60%; }
	.assignment-types .points { width: 15%; }
	.assignment-types .points input { width: 75%; }
	.assignment-types .color { width: 45px; }
	.assignment-types .color .color-dropdown-course { cursor: pointer; }
	.assignment-types .remove { width: 20px; }
	.assignment-types .remove a { border: none; }
	
	.edit-course-submit-div { padding-top: 10px; text-align: center; width: 100%; }
	.edit-course-row .edit-course-submit { width: auto; }
	.assignment-color-chosen { float: left; padding: 1px 2px; text-align: center; width: 20px; }
	.assignment-color-box { background: #fff; border: 1px solid #ddd; padding: 1px; position: absolute; text-align: center; width: 182px; }
	.assignment-color-box .color-choice { float: left; font-size: 11px; margin: 1px; padding: 1px 2px; text-align: center; width: 18px; }

	#sharing-find { float: left; width: 50%; }
	#sharing-list { width: 100%; }
	#sharing-form { margin: 0; padding: 0; }
		.sharing-form-div-search { width: 95%; }
		.sharing-form-div-search input#sharing-form-input { float: left; width: 70%; }		
		.sharing-form-div-search input#sharing-form-submit { margin-top: -1px; margin-left: 3px; }
		.sharing-browse-link { clear: left; padding: 5px 0 0; text-align: left; }
	#sharing-contacts { width: 100%; }
		#sharing-contacts table th.name { width: 35%; }
		#sharing-contacts table th.delete { width: 3%; }
		#sharing-contacts table th.they-th { width: 15%; }
		#sharing-contacts table td.name input { display: block; float: left; padding: 0 0 0 5px; }
		#sharing-contacts table td.name span { display: block; float: left; padding: 0 0 2px 7px; }
	#sharing tr.selected td { background-color: #fff9df; }
	#sharing div.sharing-submit { margin: 15px 0 0; text-align: center; width: 100%; }

	#sharing td.no-contacts { padding: 6px 5px; }
	#sharing .sharing-remove img { float:left; padding:2px 0; }
	#sharing .school { font-size:11px; color:#999; white-space:nowrap; overflow:hidden; }
	#sharing .notvisible { visibility:hidden; }

	.days-of-week { list-style: none; margin: 0; padding: 0; }
	.days-of-week li { float: left; margin: 0 8px; }
	.days-of-week li input { margin-right: 5px; }
	
	/* Feed */
	.course-name { background: #668CD9; color: #333; margin-right: 5px; padding: 1px 5px; }
	.filter-box { border: 1px solid #d7e1ec; border-right: 1px solid #ccd8e6; border-bottom: 1px solid #ccd8e6; background: #EBF4F7; }
	.course-filters { padding: 10px 10px 3px; }
	.course-filters h3 { padding-top: 10px; }
	.course-filters .top { padding-top: 0; margin-top: -2px; }
	.course-filters .option { float: left; margin: 0 5px 0 0; }
	.course-filters .label { margin: -2px 0 7px 0; float: left; }
	.course-filters label.label { width: 105px; }
    .course-filters .wrap { width:110px; float:left; }
	#course-filter-all, #form-filter-all, .feed-filter-all { position: absolute; margin: -23px 0 0 110px;}
	#class-feed { padding-top: 8px; }
	#course-feed-sort { float: right; position: relative; }
	#course-feed-sort .sort { float: left; padding: 3px 7px 0 0; }
	#course-feed-sort #sort-dd { margin: -3px 1px 0 0; }
	#course-feed-loader { position: absolute; left: 0; margin: 3px 0 0 -20px; }
	.feed-item { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 0 0 10px; position: relative; }
	.feed-item.no-items { border: none; }
	.feed-item .tag { background: #eee; color: #666; font-size: 10px; font-weight: bold; padding: 3px 4px; }
	.feed-type { float: left; height: 16px; margin: -1px 0 0; padding: 0; width: 4%; }
	.feed-type .assignment-check { border: none; }
	.feed-info .status { font-size: 11px; text-transform: uppercase; }
	.feed-info .feed-links { padding-bottom: 0; }
	.more-line { height: 15px; white-space: nowrap; }
		.more-outer { position: relative; width: 100%; }
		.more-inner { left: 0px; height: 18px; overflow: hidden; position: absolute; text-overflow: ellipsis; width: 100%; }
		.more-inner span { color: #999; padding-left: 5px; }
	.feed-col { float: left; padding-right: 2%; width: 82%; }
    .feed-col.user-name { width:32%; }
	.feed-col.skinny { width: 70%; }
    .feed-col.type { width:20%; float:left; color:#999; font-size:12px; padding:2px 0 0; }
    .feed-col.labels { width:24%; float:left; font-size:12px; }
    .feed-col.labels .label.additional { margin-top:3px; }
    .feed-col.labels .square { display: block; float: left; margin-right: 4px; padding: 6px; position: relative; top: 1px; }
    .feed-col.actions { width:12%; float:right; text-align:right; }
	.feed-extra { float: right; width: 12%; }
	.feed-desc { font-size: 11px; line-height: 1.5em; padding-top: 8px; }
	.feed-desc.more { height: 16px;  }
	.feed-actions { background: #eee; bottom: 0; display: none; padding: 3px 7px; position: absolute; right: 0; }
	.feed-actions .left, .assignment-actions .left { border-right: 1px solid #ccc; padding-right: 5px; }
	.feed-links { padding-top: 8px; }
	.feed-links .activity { font-size: 11px; }
	.feed-links em { display: block; font-size: 11px; font-style: normal; padding: 1px 0 4px; }
	.feed-links.assignment { background: url(../images/icons/page.png) 0 0 no-repeat; }
	.feed-links.turnedin { background: url(../images/icons/check.png) 0 0 no-repeat; }
	.feed-links.discussion { background: url(../images/icons/discussions.png) 0 2px no-repeat; }
	.feed-links a { margin-right: 10px; }
	.feed-user { float: left; height: 35px; margin: -0 10px 0 0; padding: 2px; width: 35px; }
	.feed-header { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; }
    .feed-sort { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 0; width: 100%; }
    .feed-sort h2 { padding-bottom: 0; }
    .feed-sort .loader { position:relative; top:10px; }
	
	/* Course Code */
	.course-code { background: #f5f5f5; box-shadow: 0 1px 0 #bbb; -moz-box-shadow: 0 1px 0 #bbb; -webkit-box-shadow: 0 1px 0 #bbb; color: #666; font-size: 15px; padding: 5px 5px 5px 7px; text-shadow: 0 1px 0 #fff; }
	.course-code span { border-bottom: 1px dotted #777; color: #444; cursor: help; }
	
	/* Feed Search */
	.feed-search { margin: 15px 0 5px; position: relative; }
	.feed-search label { display: block; }
	.feed-search input { margin: 3px 0 0 0; width: 140px;}
	.feed-search .clear-search { float: right; margin: 9px 0 0 5px; cursor: pointer; position: absolute; right: 5px; }
	
	/* Modal edits */
	.modal-form input, .modal-form textarea { width: 98%; }
	.modal-form .pad { padding-top: 15px; }
	.modal-form .col { float: left; padding: 5px 10px 0 0; width: 60px; }
	.modal-form .mid { margin-bottom: 10px; width: 60%; }

/********** Assignment View **********/

.assignment-status img { float: left; margin: 0 7px 0 0; }
.assignment-status em { display: block; float: left; font-style: normal; padding: 0; text-align: left; width: 85px;}
.assignment-link { display: block; font-size: 11px; margin: 0 0 3px; padding: 1px 0 0 19px; }
.assignment-link.file { background: url(../images/icons/bullet_save.png) 0 1px no-repeat; }
.assignment-link.note { background: url(../images/icons/bullet_add.png) 2px 0 no-repeat; }
#assignment-stats { background: #ebf4f7; padding: 10px; text-align: center; }
#assignment-tasks { padding: 10px 0 0; }
#assignment-tasks button { margin: 0 0 5px; width: 100%; text-align: left; }
#assignment-tasks a.assignment-tasks-edit { background: url(../images/icons/bullet_edit.png) 0 0 no-repeat; }
#assignment-tasks span.assignment-tasks-edit-off { background: url(../images/icons/bullet_edit_off.png) 0 0 no-repeat; }
#assignment-tasks a.assignment-tasks-delete { background: url(../images/icons/bullet_delete.png) 0 0 no-repeat; }
#assignment-tasks span.assignment-tasks-delete-off { background: url(../images/icons/bullet_delete_off.png) 0 0 no-repeat; }
#assignment-tasks .assignment-tasks-complete { background: url(../images/icons/bullet_check.png) 0 0 no-repeat; }
#assignment-tasks .assignment-tasks-restore { background: url(../images/icons/bullet_add.png) 0 0 no-repeat; }

.assignment-right { background: #f9f9f9; border: 1px solid #ddd; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 0 -8px; padding: 8px 5px 0 10px; position: relative; }
.assignment-right div { line-height: 1.6em; padding: 0 0 5px; }
	.assignment-right .course-edit-options { padding: 2px 0 5px 25px; }
	.course-edit-grading { background: url(../images/icons/chart_bar.png) 1px 0 no-repeat; }
	.course-edit-sharing { background: url(../images/icons/world.png) 1px 1px no-repeat; padding-bottom: 0; }
.assignment-right .title h3 { font-size: 18px; font-weight: normal; padding: 0 0 10px; text-shadow: 0 1px 0 #fff; }
.assignment-right .title { padding: 0; }
.assignment-right .desc { padding-top: 10px; padding-bottom: 10px; position: relative; }
.assignment-right .assignment-actions { background: #eee; display: block; padding: 1px 7px 3px; position: absolute; right: 0; top: 0; border-radius: 0 5px; }
.assignment-em { color: #666; display: block; float: left; font-style: normal; font-size: 11px; width: 70px; }

.assignment-sub { clear: both; padding: 20px 0 10px; }
.assignment-sub.first { padding-top: 0; }
.assignment-sub.student-goals { padding-bottom: 0; }
.student-overview .assignment-sub.student-goals { padding-bottom:10px; }
.assignment-sub h3 { border-bottom: 1px solid #ddd; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 5px; }
.assignment-sub h3 a { border: none; color: #666; display: block; float: right; font-size: 13px; padding: 0 0 0 20px; }
.assignment-sub h3 a:hover { color: #333; }
.assignment-add-file { background: url(../images/icons/bullet_save.png) 0 0 no-repeat; }
.assignment-add-note { background: url(../images/icons/note.png) 0 0 no-repeat; }
.assignment-sub #notes, .assignment-sub #new-assignment-file { margin-top: 10px; }
.assignment-sub .add-submit .indicator { left: 0; position: absolute; top: 10px; }

.item-view .settings-grid .settings-content div { margin: 0px 0 10px; }

/********** Goals **********/

/* Overview */
.goals-notice { margin: 10px 0 20px !important; }
#goals-apps { width: 100%; }
#goals-apps.padded-table { margin-bottom:30px; }
#goals-apps td { width:33%; }
#goals-apps td .goals-app { width:80%; margin:0 auto; padding-top:1px; }
.goals-app.green { border: 1px solid #98BE8C; background-color: #F3FFEF; border-bottom: 1px solid #87AF78; }
.goals-app.blue { border: 1px solid #5096D8; background-color: #E8F3F9; }
.goals-app .goals-app-link { display: block; text-align: center; font-size: 16px; text-decoration:none; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color:#333333; padding:11px 0 11px 36px; border:none; }
.goals-app-link.green { text-shadow: 0 1px 0 #F3FFEF; -moz-box-shadow:0px -2px 10px #AED3A2 inset; -webkit-box-shadow:0px -2px 10px #AED3A2 inset; box-shadow:0px -2px 10px #AED3A2 inset; }
.goals-app-link.green:hover { background-color:#A9CF9B; -moz-box-shadow:0px -2px 10px #87AF78 inset; -webkit-box-shadow:0px -2px 10px #87AF78 inset; box-shadow:0px -2px 10px #87AF78 inset; }
.goals-app-link.blue { text-shadow:0 1px 0 #EFF9FF; -moz-box-shadow:0px -2px 10px #A7CCDF inset; -webkit-box-shadow:0px -2px 10px #A7CCDF inset; box-shadow:0px -2px 10px #A7CCDF inset; }
.goals-app-link.blue:hover { background-color:#99C6DF; -moz-box-shadow:0px -2px 10px #6BA1BF inset; -webkit-box-shadow:0px -2px 10px #6BA1BF inset;  box-shadow:0px -2px 10px #6BA1BF inset;}
.goals-app-link.create { background:url(../images/icons/gb_award_add.png) 7px 6px no-repeat #C5E2BB; }
.goals-app-link.students { background:url(../images/icons/gb_student.png) 7px 6px no-repeat #C2DFEF; }
.goals-app-link.view { background:url(../images/icons/gb_award.png) 7px 6px no-repeat #C2DFEF; }
.goals-app-link.student-progress { background:url(../images/icons/gb_progress.png) 7px 6px no-repeat #C2DFEF; }
.goals-note.lowlight { padding: 0 0 25px; }

/* View */
.goal-add-link { float: right; }
.goalbinders-add-wrapper { margin-top: -6px; margin-bottom: -10px; text-align: right; }
.goalbinders-add-select { width: 40%; }
.goal-view .editable { margin-bottom:15px; display:none; }
.goal-view .editable.submit-buttons { margin-bottom:0; }
.goal-view em { color:#999; }

/* Goalbinders */
#goalbinders td { padding: 8px 5px 10px; vertical-align: top; }
#goalbinders .goalbinders-about { width: 45%; }
#goalbinders .goalbinders-about small { color: #666; font-size: 11px;}
#goalbinders .goalbinders-assigned-to { width: 50%; }
.goalbinders-select { max-width: 70%; }
#goalbinder-browse-longterm { width: 80%; }
#gb-goals-list-table { margin-bottom: 10px; }
#gb-goals-list-table td { vertical-align: top; }
.gb-list-item-header { padding-bottom: 5px; }
.gb-list-item-content { color: #666; font-size: 11px; line-height: 1.4em; }
#gb-goals-list-table .editrow { padding: 10px 0 0; }
#gb-goals-list-table .editrow label { display: block; font-weight: bold; padding: 0 0 5px; }
#gb-goals-list-table .editrow textarea { height: 50px; width: 98%; }
#gb-goals-list-table .gb-list-edit { margin: 7px 0 5px; }
.mark-goal-status, .mark-goal-status-view { cursor:pointer; }

/* Results */
#goal-bank-change-container { float: left; }
#goal-bank-change-container input { margin: 2px 0 0 5px; }
#goal-bank-change-container span { padding: 3px 0 0 5px; }
.goal-bank-h3 { padding: 0; }
.goal-bank-h3-span { display: block; float: left; padding-top: 5px; color: #333; }
#goalbinder-results, .search-results { background: none repeat scroll 0 0 #fff; border: 1px solid #aaa; height: 107px; margin: 0 10px 7px; overflow-y: scroll; }
#goalbinder-results span.no-items, .search-results span.no-items { color: #999; display: block; margin-top: 30px; text-align: center; padding: 5px 8px; }
#goalbinder-list-container { margin: 0; padding: 5px 0 0; }
.goal-results-item { border-bottom: 1px solid #eee; list-style-image: none; list-style-type: none; margin: 0 0 10px; padding: 0 0 15px 2px; }
.goal-results-item:last-child { border: none; padding-bottom: 0; }
	.add-goal, .remove-goal { border: none; margin: 4px 0 0; }
	.add-goal:hover, .remove-goal:hover { border: none; }
.goal-results-item-actions { width: 20px; float: left; }
.goal-results-right { margin: 0 0 0 25px; }
.goal-results-item-header { padding: 0 0 5px; }
.goal-results-item-content { color: #666; line-height: 1.4em; }

/* Add Modal */
#goalbinder-lookup { margin: 5px 0 0; }
#goalbinder-browse { height: 170px; }
#goalbinder-browse-loader { position: absolute; padding: 12px 0 0 5px; }
#goalbinder-browse-create .itemrow textarea { width: 596px; height: 51px; margin: 0 0 5px; } 
#modal-window-goals-search.modal-dialog .message { padding: 12px 0 5px; background-color:#EEEEEE; }
.goal-form { background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 5px 5px 10px; }
.goal-form .itemrow select { max-width: 80%; }
.goal-form .itemrow label { width: 15%; }
#goalbinder-browse-again, #goalbinder-create-again { padding-left: 12px; }
.goal-result, .search-result { border-bottom: 1px solid #ccc; clear: both; padding: 5px; }
.goal-result p, .search-result p { margin-bottom: 0; }
.goal-result.checked, .search-result.checked { background: #fff9df; }
.goal-result .goal-result-check, .search-result .search-result-check { display: block; float: left; margin: 5px 0 0 3px; }
.goal-result .info, .search-result .info { margin-left: 25px; }
#goalbinder-create-view-created { position: absolute; right: 10px; top: 3px; }

/* Milestone Modal */
#milestone-list { background: #fff; border: 1px solid #ccc; height: 160px; margin: 10px 0 5px; overflow-y: scroll; }
.milestone-form-or { border-bottom: 1px solid #ccc; margin: 5px auto 10px; padding: 0 0 10px; width: 40%; }
.milestone-form-or span { background: #eee; display: block; margin: 0 auto -18px; padding-top: 5px; text-align: center; width: 50px;  }
#milestone-list-table { width: 100%; }
#milestone-list-table.course-table td { padding: 5px 5px 3px; }
.milestone-list-row .milestone-check { padding: 6px 0 0 8px; width: 20px; }
.milestone-list-row .milestone-check.viewpage { padding:3px 0; width: 20px; }
.milestone-list-row .milestone-remove.viewpage { border:none; }

/* List */
#goalbinder-list { margin-bottom: 15px;  }
#goalbinder-list .goal-results-item-header { display:none; }
#goalbinder-list .edit-details { display: block; font-size: 11px; margin-top: 5px; }
#goalbinder-results .edit-details { display:none; }

/* Student Goals */
#student-goals div:nth-child(odd) td { background: #f9f9f9; }
.student-goals-table { border-spacing: 0; width: 100%; }
.student-goals-table td { vertical-align: top; }
.student-goals-table tr.top td { padding-top: 7px; padding-bottom: 7px; }
.student-goals-table tr.bottom td { border-bottom: 1px solid #ddd; padding-bottom: 7px; }
.student-goals-table td.count { border-bottom: 1px solid #ddd; text-align: center; width: 20px; }
.student-goals-table td.label { color: #999; font-size: 11px; line-height: 16px; padding-right: 5px; text-align: right; width: 75px; }
.student-goals-table td.grade { width: 20%; }
.student-goals-table td.longterm { width: 50%; }
.student-goals-table td.more { border-bottom: 1px solid #ddd; width: 30px; }
.student-goals-table tr.details .extra-td { border-bottom: 1px solid #ddd; padding-top: 5px; padding-bottom: 8px; }
.student-goals-table tr.details .extra { padding: 3px 0 2px; }
.student-goals-table tr.details .extra-label { color: #999; float: left; font-size: 11px; line-height: 16px; padding-right: 5px; text-align: right; width: 89px; }
.student-goals-table tr.details .extra-field, .student-goals-table tr.details .extra-textarea { margin-left: 95px; padding-bottom: 4px; }
.student-goals-table tr.details .extra-textarea textarea { width: 75%; }
.student-goals-table tr.details .actions { padding-top: 5px; text-align: center; }
.student-goalbinder-h2 { margin: 0 0 -10px; padding: 20px 0 0; }
.student-goal-selects { width: 35%; }
.student-goal-selects select { width: 98%; }
.progress-wide { height: 33px; }
.progress-wide .progress-note { padding-top:8px; right: 0; margin-right: 320px; }
.progress-wide .progress-note strong { font-weight:normal; }
.progress-wide .progress-bar { width: 30%; height: 32px; }
.progress-boy { position:absolute; width:52px; height:83px; background:url(../images/appleboy-trans.png) top left no-repeat; right: 0; margin-top: -40px; margin-right: 265px; }
.goals-view-list { margin-top:55px !important; }

/********** Grades **********/

#grades table { border-collapse: collapse; padding: 0; width: 100%; }
#grades td { border-bottom: 1px solid #eee; padding: 4px 2px; text-align: right; }
#grades td .highlight { text-align: left !important; }
#grades td.assignment-title { text-align: left; }
#grades td.no-border { border-bottom: none; }
#grades td.message-pad { padding: 10px 3px; text-align: left; }
#grades th { border-bottom: 1px solid #eee; padding: 0 2px 4px; text-align: left; }
#grades th.field-header { text-align: right; width: 75px; }
#grades th.field-header.status { width: 100px; }
#grades tr.subtotal { font-weight: bold; font-size: 12px; }
#grades tr.subtotal td { background: #f9f9f9; padding: 5px 2px 5px 0; text-align: right; }
#grades tr.subtotal td.subtotal-header { font-size: 11px; padding-right: 0; }
#grades tr.total td.total-header { font-size: 12px; padding-right: 0; }
#grades tr.on-m td { background: #ffefef; }
#grades tr.on-i td { background: #fff9df; }
#grades .grade-change-code, #grades .grade-change-exclude { background: #f9f9f9; border: 1px solid #eee; color: #bbb; display: block; float: right; padding: 3px 0; text-align: center; width: 25px; }
#grades  .missing { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
#grades a.missing:hover, #grades .missing.on { background: #ffefef url(../images/white.png) top left repeat-x; border: 1px solid #ffcfcf; color: #333; }
#grades  .incomplete { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; }
#grades a.incomplete:hover, #grades .incomplete.on { background: #fff9df url(../images/white.png) top left repeat-x; border: 1px solid #EFE4B3; color: #333; }
#grades  .exclude { margin-left: 5px; }
#grades a.exclude:hover, #grades .exclude.on { background: #ffefef url(../images/white.png) top left repeat-x; border: 1px solid #ffcfcf; color: #333; }
#grades .grade-field { border: 1px solid #d9d9d9; font-size: 12px; text-align: right; width: 60px; }
#grades .grade-field:focus { background: #fff4bf; border: 1px solid #F5E494; }
#grades .grade-field-on { background: #fff9df; border: 1px solid #FFF4BF; }
#grades .grade-submit { padding: 15px 0 0; text-align: center; }

.grade-undo-redo { float: right; padding: 8px 0; }

#grade-controls .grade-controls-view-text { padding: 0 15px 0 0; }
#grade-controls .grade-controls-view-text label { margin-bottom: 4px; }
#grade-controls .grade-controls-view-text .view-on { font-weight: bold; }
#grade-controls .grade-controls-view { width: 35%; }
#grade-controls .grade-controls-view-assign { width: 65%; }
#grade-controls .grade-controls-view-term { width: 30%; }
#grade-controls .grade-controls-select { width: 55%; }
#grade-controls .grade-controls-select-term { width: 65%; }

h2.sub-header { line-height: 133%; }
h2.sub-header span.grade-total { font-size: 16px; }

.grades_container { margin: 0 0 15px; width: 100%; }
	.grades_course { border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; clear: both; margin: 0 0 10px; width: 100%; }
	.grades_course a { font-weight: normal; }
	.grades_course .top { background: #f3f3f3; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; margin: 0; padding: 5px 5px 0; }
		.grades_course .top h3 { float: left; margin: 0; }
		.grades_course .top h3 a { font-size: 14px; }
		.grades_course .top span.grade { display: block; float: right; padding: 2px 0 0; }
	.grades_course .manage { font-size: 11px; padding: 7px 5px; }
		.grades_course .manage b { display: block; font-weight: normal; padding: 1px 0 0; }
		.grades_course .manage img { float: left; margin: 0 5px 0 0; }
		.grades_course .manage a { border-bottom: 1px solid #666; color: #666; }
		.grades_course .manage a:hover { border-bottom: 1px solid #333; color: #333; }
        

/********** Attendance **********/

#attendance-list td.attendance-date { text-align: center; }

#attendance-date #attendance-date-form, #attendance-date #attendance-date-today { float: left; }
#attendance-date input { float: left; margin-right: 5px; }
#attendance-date .or { display: block; float: left; font-style: normal; padding: 5px 5px 0; }

.attendance-count { text-align: right !important; width:20px; }
.attendance-change { display: block; margin: 0 auto; width: 80px; }
.attendance-change span { border-top: 1px solid #fff; display: block; padding: 1px 5px 3px 20px; }
.attendance-change.present, .attendance-change.present:hover { border: 1px solid #B5DFC9; background-color: #E0EFE7; }
.attendance-change.present span { background: url(../images/icons/bullet_green.png) no-repeat 2px 2px; }
.attendance-change.late, .attendance-change.late:hover { border: 1px solid #EFE4B3; background-color: #FFF9DF; }
.attendance-change.late span { background: url(../images/icons/bullet_yellow.png) no-repeat 2px 2px; }
.attendance-change.absent, .attendance-change.absent:hover { border: 1px solid #FFCFCF; background-color: #FFEFEF; }
.attendance-change.absent span { background: url(../images/icons/bullet_red.png) no-repeat 2px 2px; }


/********** Files **********/

#file_manager { list-style-type: none; list-style-image: none; margin: 15px 0; padding: 0; }
#file_manager li { }

#file_manager .files_course { background: #f3f3f3; border: 1px solid #ccc; border-bottom: none; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; font-weight: bold; margin: 5px 0; padding: 3px 5px 4px; }
#file_manager .no_drag { padding: 6px 5px 7px; }
#file_manager .files_course .course_name { color: #333; float: left; font-size: 15px; font-weight: normal; }
#file_manager .files_course a { background: url(../images/icons/drawer_open.png) no-repeat; border-bottom: none; color: #333; padding-left: 20px; text-decoration: none; vertical-align: middle; }
#file_manager .files_course a.closed { background: url(../images/icons/drawer_closed.png) no-repeat; }
#file_manager .course-closed { border: 1px solid #ccc; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#file_manager .files_course .course_drag_handle { cursor: move; float: right; padding-bottom: 2px; width: 20px; }
#file_manager .course_drag_handle img { vertical-align: middle; }

#file_manager .files-container { margin-bottom: 15px; padding: 3px 0 0 25px; }
#file_manager .files-container .icon { padding: 6px 2px; width: 16px; }
#file_manager .files-container .root-file { }
#file_manager .files-container .sub-file { }
#file_manager .files-container .filesize { color: #999; text-align: right; width: 75px; }
#file_manager .files-container .date { color: #999; width: 175px; }
#file_manager .files-container .add-file { font-size: 11px; padding: 10px 0 0; }
#file_manager .files-container .add-file a { border-bottom: 1px solid #666; color: #666; }
#file_manager .files-container .add-file a:hover { border-bottom: 1px solid #333; color: #333; }
#file_manager .files-container-sub { padding-left: 20px; }

#file_manager .files-container .assignment { padding: 10px 4px 3px 0; }
#file_manager .files-container .assignment a { vertical-align:middle; color:#000; text-decoration:none; border: none; }
#file_manager .files-container .assignment a.closed { background:url( ../../images/drawer_closed_item.png ) no-repeat; }
#file_manager .files-container .assignment span { font-size: 9px; padding: 1px 3px; margin-right: 5px; }

#file_manager .files-container .addform { margin-top: 10px; }
#file_manager .note_progress { background: url(../images/indicator.gif) center right no-repeat; margin: 0; padding: 0 15px 0 0; }

#file_manager .no-files-note em { margin-bottom:0px; }
.page-left .page-note { line-height:166%; }
.page-left .page-note.padded { margin-bottom:25px; }


/********** Reminders **********/

.reminder-new { text-align: left; }
.reminder-new h3 { font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 5px; text-align: left; }
.reminder-new textarea { height: 50px; margin: 3px 0 0; width: 99%; }
.reminder-new .reminder-selects { text-align: left; }
.reminder-new .reminder-selects select { margin-top: 3px; }
.reminder-new select { width: auto; padding: 5px 4px 5px 2px; }
.reminder-new select.course_page { margin-left: 5px; width: auto; }
.reminder-additional { padding: 15px 0 0; text-align: left; }
.reminder-submit { padding: 15px 0 0; text-align: center; }

#reminder-add-more { font-size: 11px; margin: -5px 0 0; padding: 0 0 10px; text-align: left; }
#reminder-add-more a { border-bottom: 1px solid #666; color: #666; }
#reminder-add-more a:hover { border-bottom: 1px solid #333; color: #333; }

.reminder-checks { clear: both; text-align: left; }
.reminder-checks input, .reminder-checks select { float: left; margin: 4px 8px 0 2px; }
.reminder-checks span { display: block; float: left; margin: 3px 0 5px 0; }
.reminder-checks em { display: block; float: left; font-style: normal; padding: 10px 8px 0 2px; }

.reminder-object { clear: left; padding: 0 0 15px; }
	.reminder-object table { width: 100%; }
	td.reminder-icon { vertical-align: top; width: 20px; }
	td.reminder-content { border-bottom: 1px solid #ddd; padding: 0; }
	td.reminder-content .reminder-body { font-size: 15px; float: left; padding: 0 0 8px; }
	td.reminder-content .reminder-notify { clear: left; display: block; float: left; font-size: 11px; padding: 0 0 5px; }
	td.reminder-content .reminder-displayed { clear: left; display: block; float: left; font-size: 11px; padding: 0 0 15px; width: 100%; }
	td.reminder-content .reminder-displayed em { display: block; float: left; font-style: normal; }
	td.reminder-content .reminder-displayed span { display: block; float: right; padding: 0 3px 0 0; }
	td.reminder-content a { border: none; color: #666; font-size: 11px; }
	td.reminder-content a:hover { color: #333; }
	td.reminder-content img { border: none; margin: 0 0 -4px 2px; padding: 0; }	
	td.reminder-content strong { color: #000; }
	td.reminder-content select.er_loc { width: 160px; }
	td.reminder-content select.er_course { margin: 0 5px 0 10px; width: auto; }

.edit-reminder { background: #fff9dd; border: 1px solid #fff4bf; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 15px 25px; padding: 10px; }
	.edit-reminder textarea { height: 50px; margin: 0; width: 98%; }
	.edit-reminder h3 { padding: 5px 0; }
	.edit-reminder .edit-reminder-select { margin: 0; padding: 10px 0 0; }
	.edit-reminder .edit-reminder-select select { margin-top: 3px; padding: 5px 4px 5px 2px; width: auto; }
	.edit-reminder .edit-reminder-select select.course_page { margin-left: 5px; width: auto; }
	.edit-reminder .edit-reminder-select .working { display: block; left: 15px; margin-top: -250px; position: absolute; width: 16px; }
	.edit-reminder .edit-reminder-submit { text-align: center; }


/********** Announcements **********/

#add-announcement .reminder-new { text-align: left; }
#add-announcement input.reminder_subject { width: 70%; }
#add-announcement .reminder-submit { text-align: center; }
td.reminder-content .announcement-body { font-size: 13px; line-height: 1.5em; }


/********** Settings **********/

.account-content { padding: 0; }
.account-content p { padding-left: 0; }
.plan-row { margin-bottom: 10px; }
.plan-row strong { display: block; }
.feature-list .feature { padding:0 150px 0 40px; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px; position:relative; }
.feature-list .feature.last { border-bottom:0; }
.feature-list .feature.forms { background:url(../images/pro/forms.png) no-repeat; }
.feature-list .feature.grades { background:url(../images/pro/grades.png) no-repeat; }
.feature-list .feature.goals { background:url(../images/pro/goals.png) no-repeat; }
.feature-list .feature.files { background:url(../images/pro/files.png) no-repeat; }
.feature-list .feature.support { background:url(../images/pro/support.png) no-repeat; }
.feature-list .feature.attendance { background:url(../images/pro/attendance.png) no-repeat; }
.feature-list h2 { font-weight:normal; font-size:16px !important; margin:0 0 5px !important; padding:0 !important; }
.pill { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #999999; height: 24px; position:absolute; top:0; right:0; width: 150px; }
.pill .on { -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;
            -moz-box-shadow: 0 5px 10px #83BF9F inset; -webkit-box-shadow: 0 5px 10px #83BF9F inset; box-shadow: 0 5px 10px #83BF9F inset;
            background-color: #B5DFC9; border-right: 1px solid #999999; float: left; height: 24px; text-align: center; width: 74px; }
.pill .off { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;
             -moz-box-shadow: 0 5px 10px #EDAAAA inset; -webkit-box-shadow: 0 5px 10px #EDAAAA inset; box-shadow: 0 5px 10px #EDAAAA inset;
             background-color: #FFCFCF; border-left: 1px solid #999999; float: right; height: 24px; text-align: center; width: 74px; }
.pill span { color: #333333; position: relative; text-shadow: 0 1px 0 #FFFFFF; top: 4px; }
.pill .cover-right { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
                     -moz-box-shadow: 0 -5px 18px #BBBBBB inset; -webkit-box-shadow: 0 -5px 18px #BBBBBB inset; box-shadow: 0 -5px 18px #BBBBBB inset;
                     background: none repeat scroll 0 0 #DDDDDD; border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; float: right; height: 23px; width: 74px; }
.pill .cover-left { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
                     -moz-box-shadow: 0 -5px 18px #BBBBBB inset; -webkit-box-shadow: 0 -5px 18px #BBBBBB inset; box-shadow: 0 -5px 18px #BBBBBB inset;
                     background: none repeat scroll 0 0 #DDDDDD; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; float: left; height: 23px; width: 74px; }

#settings-panel { border-bottom: 1px solid #ddd; margin: 10px 0; padding: 0; }
#settings-panel ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0 0 0 20px; }
#settings-panel li { background: #f1f1f1 url(../images/white.png) top left repeat-x; border: 1px solid #ddd; border-bottom: none; float: left; list-style-type: none; margin: 0 5px 0 0; padding: 4px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
#settings-panel li a { border: none; color: #333; }
#settings-panel li:hover { background: #f5f5f5 url(../images/white.png) top left repeat-x; }
#settings-panel li.current { background: #fff !important; border-bottom: 1px solid #fff; font-weight: normal; margin-bottom: -1px; }
#settings-panel li.current:hover { background: #fff; }

.settings-grid { border-spacing: 0; margin: 10px 0 40px; width: 100%; }
.settings-grid .settings-info { border-right: 1px solid #eee; font-size: 11px; padding: 0 15px 0 0; line-height: 1.5em; vertical-align: top; width: 150px; }
.settings-grid .settings-info.noright { border: none; padding-right: 5px; }
.settings-grid .submit { padding: 15px 0 5px 15px; }
.settings-grid .goal-list { width: 280px; }
.settings-grid .goal-list h3.section { padding: 15px 0 3px; }
.settings-grid .goal-list .input { width: 95%; }
.settings-grid .goal-browse { padding-left: 15px; }
.settings-grid .loader-right { position: absolute; right: 0; }
.settings-grid .contact-row { font-size: 13px; }
.settings-grid .contact-expand img { margin: 0 0 -3px; }
.settings-grid .contact-expand-image { float: left; width: 20px; }
.settings-grid .contact-expand-course { display: block; margin: 0 0 5px 20px;}
.settings-grid .student-list { font-size: 11px; margin: 0 0 0 2px; padding: 5px 0 10px 20px; }
.settings-grid .settings-info .pad-button { margin-top: 15px; display: block; }
.settings-grid .settings-info .img-button { padding:0 22px 0 0; }
.settings-grid .settings-info .block { margin-bottom:15px; }

.settings-content { padding: 0 0 0 15px; vertical-align: top; }
.settings-content .course-table { /* margin-left: -5px; */ }
.settings-content input, .settings-grid td.settings-content select { float: left; margin: 2px 0 4px; }
.settings-content .padtop { padding-top: 15px; }
.settings-content .number { width: 20px; }
.settings-content .name { width: 60%; }
.settings-content .body { line-height: 1.5em; margin: 0; padding: 0 0 10px; }
.settings-content .line { display: block; margin: 0 0 0 20px; }
.settings-content .explain { display: block; font-size: 11px; margin: 0 0 0 20px; padding: 10px 0; }
.settings-content .timezone-select { width: 90%; }
.settings-content small { color: #666; display: block; font-size: 11px; padding: 0 0 10px; }

.settings-image img { float: left; }
.settings-image-right { float: left; padding: 0 0 0 10px; }
.settings-image-right .upload-image { float: left; margin: 10px 0 5px; width: 50%; }
.settings-image-right .upload-image-button { clear: left; }
.settings-image-right .upload-image-a { display: block; float: left; font-size: 11px; margin: 30px 0 0; }

.settings-table { border-spacing: 0; width: 98%; }
.settings-table td.label { color: #666; font-size: 11px; padding: 6px 5px 0 0; width: 90px; vertical-align: top; }
.settings-table td.label.alert { color:#CC3333; font-weight:bold; }
.settings-table td.text { padding: 5px 0 10px; vertical-align: top; }
.settings-table td.first { padding-top: 2px; }
.settings-table td.check { padding: 5px 0 0; }
.settings-table input.big-field, .settings-table input.short-field { margin-right: 0; padding: 4px; width: 75%; }
.settings-table input.short-field { width: 50%; }
.settings-table textarea { height: 100px;  width: 75%; }
.settings-table select { font-size: 14px; margin: 5px 0; padding: 4px 5px; }
.settings-table select#select-lang { width: 200px; }
.settings-table .downgrade-confirm { padding: 15px 15px 0; color: #cc3333; }
.settings-table .downgrade-confirm input, .settings-table .downgrade-confirm span { vertical-align:middle; }
.settings-table .check-text { display: block; float: left; padding: 1px 0 10px 10px; }

.settings-course { padding: 0 0 5px; }
.settings-course .calendar-color { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: left; height: 12px; margin: 2px 2px 0 10px; width: 16px; }
.settings-course span { padding: 0 0 0 10px; display: block; float: left; font-weight: bold; }
.settings-course div.color-picker { display: block; float: left; }
.settings-course div.color-picker .color-dropdown { cursor: pointer; }
.calendar-color-box { background: #fff; border: 1px solid #aaa; padding: 1px; position: absolute; width: 119px; }
.calendar-color-box a.color { border: 1px solid #fff; display: block; float: left; height: 15px; margin: 0; width: 15px; }
.calendar-color-box a.color:hover { border: 1px solid #222; }

.settings-text { line-height: 1.5em; padding: 0 0 10px 10px; }
.settings-button { clear: left; padding: 15px 0 25px; text-align: center; }

.settings-grid td.range-td { vertical-align: top; padding-top: 6px; }
.settings-grid td.settings-content .range { margin: 0 10px 10px 0; width: 20%; }
.settings-grid td.settings-content .range-letter { width: 30%; }
.settings-grid td.settings-content .range-span { width: 20%; }
.rubric-line, .term-line { clear: left; }
.rubric-line span, .term-line span { color: #666; display: block; float: left; font-size: 11px; margin: 0 10px 0 0; padding: 6px 10px 5px 0; width: 15%; }
.rubric-modal-line, .term-modal-line { margin: 5px 0 0 50px; }
.rubric-modal-line td.left, .term-modal-line td.left { padding: 0 20px 0 0; }
.term-modal-line td.date { width: 125px; }
.term-modal-line td { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; }
#rubric-select { background: url(../images/icons/table.png) 1px 1px no-repeat; padding: 0 0 0 25px; }
.rubric-details { vertical-align: middle; }
.rubric-details-loader { vertical-align: middle; visibility: hidden; }
#term-select { background: url(../images/icons/report.png) 1px 1px no-repeat; padding: 0 0 0 25px; }

/********** School **********/

.top-right-link { float: right; margin: 0 0 5px; }
#school-info input.big-field, #school-info textarea { margin: 0 0 5px; }
#school-info input.city { margin: 0 10px 5px 0; width: 25%; }
#school-info input.zip { margin: 0 0 5px 10px; width: 15%; }


/********** School Admin *********/
.access-change { display: block; width: 140px; float: left; }
.access-change span { border-top: 1px solid #fff; display: block; padding: 1px 5px 3px 20px; }
.access-change.w, .access-change.w:hover { border: 1px solid #B5DFC9; background-color: #E0EFE7; }
.access-change.w span { background: url(../images/icons/bullet_green.png) no-repeat 2px 2px; }
.access-change.r, .access-change.r:hover { border: 1px solid #EFE4B3; background-color: #FFF9DF; }
.access-change.r span { background: url(../images/icons/bullet_yellow.png) no-repeat 2px 2px; }
.access-change.b, .access-change.b:hover { border: 1px solid #FFCFCF; background-color: #FFEFEF; }
.access-change.b span { background: url(../images/icons/bullet_red.png) no-repeat 2px 2px; }

.permissions td { border: 0; background: #efefef; }
.more-info, .less-info { float: left; margin: 5px 0 0 5px; }
.course-table .pending-user { font-weight: bold; }
.course-table .pending-user td { background: #EFE4B3;}


/********** Bookmarks **********/

	/** See courses add section **/


/********** Search **********/

.search-form { background: #ebf4f7; border: 1px solid #d4ecf8; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 0 20px; padding: 12px 10px; text-align: center; }
.search-form input { width: 12%; }
.search-form input#search-query { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; font-size: 15px; margin-right: 0; padding: 4px; width: 85%; }

.search-results-h2 { float: left; }
.search-stats { float: right; padding: 7px 0 15px; text-align: right; width: 75%; }

.search-filters { margin: 0; padding: 0; }
.search-filters .search-filters-types, .search-filters .search-filters-courses { padding: 0 0 10px 10px; }
.search-filters .search-filter-row { clear: both; padding: 0 0 3px; }
.search-filters .search-filter-row input { display: block; float: left; margin: 2px 0 0; }
.search-filters .search-filter-row label { display: block; float: left; padding: 0 0 0 7px; width: 190px; }
.search-filters .search-submit { display: block; margin: 0 auto; }
.search-filters label.course-limit-option { cursor: pointer; margin-left: 5px; max-width: 190px; padding: 2px 5px; width: auto; }

#search-results-ol { padding: 0 0 0 20px; }
#search-results-ol li { margin: 0; padding: 0; }
#search-results-ol li hr { background: #ddd; border: none; clear: both; height: 1px; margin: 15px 0; }
#search-results-ol li .search-result-header h3 { }
#search-results-ol li .search-result-type { float: right; }
#search-results-ol li .search-result-type img { float: right; margin: 0 0 -3px 5px; }
#search-results-ol li .search-result-details { font-size: 11px; padding: 7px 0 0; }
#search-results-ol li .search-result-details span { padding-right: 20px; }


/********** Discussions **********/

.course-table td.topic-voting { padding: 12px 5px 0 0; text-align: center; width: 20px; }
.course-table tr.message-reply td.topic-voting { width: 29px; }
.course-table td.topic-voting img, .topic-full .voting img { cursor: pointer; margin: 0; padding: 0; }
.course-table td.topic-voting img.off, .topic-full .voting img.off { opacity: .3; }
.course-table td.topic-voting img.off:hover, .topic-full .voting img.off:hover { opacity: 1; }
.course-table td.topic-voting .flagged { width: 14px; margin-top: 5px;}
.course-table td.topic-user { padding-bottom: 2px; padding-top: 5px; padding-bottom:5px; text-align:center; width:50px; }
.course-table td.topic-user div.user-avatar-wrapper { height: 50px; overflow: hidden; }
.course-table td.topic-user .topic-user-img { margin: 7px 0 0 -5px; }
.course-table td.topic-user .reply-user-img { margin: -1px 0 0 -10px; }
.course-table td.topic-time { vertical-align: middle; font-size: 11px; white-space: nowrap; }
.course-table td.topic-time div.post-time { margin-bottom: 4px; }
.course-table tr.sticky td { background: #fff9df; }
.course-table tr.message-reply-post td { border-top: 1px solid #eee; margin: 20px 0 0; padding-top: 15px; }
table.discussion-list td { padding-top: 8px; padding-bottom: 10px; vertical-align: top; }

.topic-panel { padding: 0 0 15px; }
.topic-add-container { float: right; margin: -5px 0 0 15px; width: 125px; }
.topic-back { padding: 5px 0 0; }

.add-discussion .new-item-div-title { width: 60%; }
.add-discussion #new-item-description .new-item-div-title { padding-top: 5px; }
.add-discussion .new-item-div-description label { margin: 5px 0; }
.add-discussion .new-item-div-settings { padding: 10px 0 15px 5px; text-align: left; }
.add-discussion .new-item-pad { padding: 5px 0 10px; }
.add-discussion #new-item-date, #edit-topic #new-item-date { width: 15%; }
#media-preview-row { float: left; padding: 10px 0 0; text-align: left; }
#media-preview-row.no-top { padding: 0; }

table.course-table td.topic-info { padding-right: 0; vertical-align: middle; }
.topic-info { margin: 0 0 20px 40px; padding: 0 0 20px; }
.topic-info .title { margin-top: -4px; padding: 0 0 7px; font-size: 13px; }
.topic-info .info { color: #666; font-size: 11px; padding: 0; }
.topic-info .message { line-height: 1.5em; padding: 0 0 10px; }
.topic-info .message p { margin: 0; padding: 0; }
.topic-info .media-show { border: none; padding: 1px 0 2px 24px; }
.topic-info .media-show:hover { border: none; }
.topic-info .media-url { background: url(../images/icons/link.png) 2px 2px no-repeat; }
.topic-info .media-image { background: url(../images/icons/film.png) 2px 1px no-repeat; }
.topic-info .message-controls { font-size: 11px; padding: 10px 0 2px; }
.topic-info .message-controls .flag { width: 12px; }

.topic-full { background-color: #f5f5f5; padding: 10px 15px 0 10px; }
.topic-full span { color: #666; }
.topic-full .user { float: right; text-align: right; width: 80px; height: 80px; overflow: hidden; }
.topic-full .voting { float: left; margin: 3px 10px 0 0; text-align: center; width: 20px; }
.topic-full .title { font-size: 18px; padding: 0 0 10px; }
.topic-full .title .topic-title {  }
.topic-full .title .topic-controls {  font-size: 11px; padding: 5px 0 0 10px; }
.topic-full .info, .topic-full .date, .topic-full .type { margin-left: 30px; padding: 0 0 5px; }
.topic-full .body { border-top: 1px solid #e5e5e5; line-height: 1.5em; margin: 10px 0 20px 30px; padding: 10px 0 15px; }
.topic-full .body p { line-height: 1.5em; padding: 0 0 5px; }
.topic-full .body p:first-child { padding-top: 0; }
.topic-full .body p:last-child { padding-bottom: 0; }
.topic-full .flag { margin-top: 80px !important; }
.topic-full .flagged { margin-left: -3px; }

.flagged-post { background: #ffefef; color: #333; clear: both; display: block; float: left; line-height: 1.2em; margin: 3px 0 0 -4px; padding: 2px 4px; }
.flagged-post.lower { margin-top: 10px; }

.reply-to-message-add { padding: 10px 0 0; }
.reply-to-message-add .wysiwyg { margin-bottom: 10px; }

.topic-replies { border-top: 1px solid #eee; margin-bottom: 10px; padding: 0 0 10px; }
.message-reply { border-bottom: 1px solid #eee; margin-bottom: 10px; }
.message-reply-table .discussion-list { border-spacing: 0; margin-top: 15px; }
.message-reply-table .message-reply-post td { border-top: 1px solid #eee; border-bottom: none; }

.reply-pagination { border-top: 1px solid #eee; margin: -5px 0 0; padding: 15px 0 20px; }
.message-user { float: left; margin: 0; width: 35px; }
.main-message { margin: 0 0 0 60px; padding: 0 0 10px; }
.main-message .info { color: #666; font-size: 11px; padding: 0; }

#add-topic-link-loader { margin-top: 10px; }
.pagination { padding: 15px 0 0; }

#edit-topic-form .edit-input { margin-bottom: 10px; width: 60%; }
#edit-topic-form #edit-form-submit { padding: 10px 0 0; text-align: center; }
#edit-topic-form #media-preview-row { line-height: 1.5em; padding: 0 0 10px; }
#edit-topic-form .edit-topic-body { margin: 0 0 10px; }
.padded-checkbox { margin: 10px 0 0; }
.new-discussion-checkboxes input, .new-discussion-checkboxes span { vertical-align: middle; }
.new-discussion-checkboxes .disabled { color: #999999; }

.discussion-button { background: #ebf4f7 url(../images/icons/discussions.png) 10px 7px no-repeat; border: 1px solid #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; display: block; padding: 7px 10px 7px 35px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.discussion-button:hover { border: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; color: #333; }
.discussion-button.add-topic { background: #ebf4f7 url(../images/icons/comment_add.png) 10px 7px no-repeat; }


/********** School **********/

#school-overview {
	margin-top: 10px;
	list-style-image:none;
	list-style-type:none;
	padding:0 0 0 15px;
	}

	#school-overview li { margin-bottom: 15px; padding-left:40px; }
	#school-overview li.info { background:url(../images/schools/building.png) no-repeat 0 2px; }
	#school-overview li.settings { background:url(../images/schools/settings.png) no-repeat 0 2px; }
	#school-overview li.courses { background:url(../images/schools/courses.png) no-repeat 0 2px; }
	#school-overview li.teachers { background:url(../images/schools/teachers.png) no-repeat 0 2px; }
	#school-overview li.students { background:url(../images/schools/students.png) no-repeat 0 2px; }
	#school-overview li.admins { background:url(../images/schools/admin.png) no-repeat 0 2px; }
	
	#school-overview .school-overview-link { font-size: 16px; }
	#school-overview .school-overview-note { padding: 5px 0 0; }


/********** Roster *********/

#students-list-table .student-icon-td a { border: none; }


/********** Contacts **********/

#user-stats { padding: 10px; }
#user-stats .user-avatar { float: left; }
#user-stats .user-name { display: block; padding: 0; }
#user-stats .user-name strong  { display: block; font-size: 14px; line-height: 1.4em; margin: 0 0 0 60px; padding: 5px 0 10px; }
#user-class-list { list-style: none; margin: 0; padding: 0; }
#user-class-list li { margin: 0 0 3px; }
#user-class-list li a { background: #c2d1e1; color: #336699; padding: 3px 5px;  }
.user-classes { border-bottom: 1px solid #ddd; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 7px 0 5px; }
.student-goals .course_list { margin: 0; padding: 10px 0 0; }
.user-table .title { width: 78%; }
.user-table .time { padding-left: 2%; }
	.student-goal-standard { width: 80%; }
.no-goals { padding-left: 5px; }
.no-info-student { padding: 10px 0 5px; }
.no-info-student.pad { padding-bottom: 20px; }

/********** Inbox **********/

#settings-panel ul.compose-nav { float: right; padding-right: 15px; }

#mailpanel span { display: block; float: left; font-size: 12px; padding: 6px 10px 0 0; }
#mailpanel select { float: left; width: 125px; }
#mailpanel ul { display: block; float: left; list-style-image: none; list-style-type: none; padding: 0 0 0 20px; }
#mailpanel li { float: left; padding: 0 20px 0 0; }
#mailpanel a { border: none; }
#mailpanel a:hover { border-bottom: 1px solid #9F2509; }
#mailpanel .inactive { color: #999; }
#mailpanel .inactive:hover { border: none; }

.nomessages { color: #444; margin-top: 30px; text-align: center; }

#messages td { background: #f9f9f9; cursor: pointer; }
#messages td div.snippet-outer { position: relative; width: 100%; }
#messages td div.snippet-inner { left: 0px; overflow: hidden; position: absolute; text-overflow: ellipsis; top: -8px; width: 100%; }
#messages td a { border: none; }
#messages td.action { padding-top: 8px; width: 15px; }
#messages td.snippet { white-space: nowrap; }
#messages td.snippet a { color: #777; }
#messages td.snippet span { color: #333; }
#messages td.from { color: #333; white-space: nowrap; width: 115px; }
#messages td.date { width: 110px; }
#messages td.date span { overflow: hidden; white-space: nowrap; }
#messages tr.unread td { background: #fff; font-weight: bold; }
#messages tr.read td { background: #f9f9f9; font-weight: normal; }
#messages tr.selected td { background: #FFF9DF; }

#message-view { margin-bottom: 20px; width: 100%; }
#message-view th { width: 70px; }
#message-view th, #message-view td { padding: 4px 0; text-align: left; }
#message-view td { padding-left: 1px; text-align: left; }
#message-view tr.message-subject th, #message-view tr.message-subject td { padding-bottom: 15px; }
#message-view td.message-body { border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 1.4em; padding: 15px 0 15px 1px; }
#message-reply { margin: 0 0 10px; }
.reply-row label { display: block; float: left; font-weight: bold; padding: 0; text-align: left; width: 64px; }
.reply-row textarea { float: left; height: 125px; margin: 0 0 15px; width: 87%; }

#compose { margin: 0 0 5px; text-align: left; }
.compose-row label { display: block; float: left; padding: 5px 0 0; width: 70px; }
.compose-row div.compose-holder { padding-left: 70px; }
.compose-row input#subject { margin-bottom: 5px; width: 95%; }
.compose-row textarea { height: 250px; width: 95%; }
.mail-submit { text-align: center; }
form#updateTo { margin: 0; padding: 0; }

#contacts-wrapper { height: 280px; overflow-y: scroll; border: 1px solid #aaa; background-color: #fff; }
#contacts-wrapper .contact-row { padding: 5px 10px; border-bottom: 1px solid #ddd; }
#contacts-wrapper .contact-check, #contacts-wrapper .contact-label { vertical-align: middle; }
.compose-add-contacts { padding-top: 4px; margin-bottom: 10px; }
.compose-add-contacts a.add-contacts { display: block; float: left; }
#course-contacts .contact-row { background-color: #effaff; }

/* The input box that adds the names */
ul.holder { display: block; font-size: 13px; padding: 4px 4px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 5px; overflow: hidden; height: auto !important; height: 1%; width: 95%; }
ul.holder li { float: left; list-style-image: none; list-style-type: none; margin: 0 3px 0 0; white-space: nowrap; }
ul.holder li.bit-box, ul.holder li.bit-input input { font-size: 14px; margin: 0 6px 4px 0; }
ul.holder li.bit-box { border: 1px solid #DFCB6F; background: #F5E494; padding: 1px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { background: transparent; width: auto; overflow:visible; margin: 0 3px 3px 0; border: 0px; outline: 0; padding: 1px 0; }

/* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 30px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box span { display: block; float: left; }
ul.holder li.bit-box a.closebutton { background: transparent url(../images/icons/bullet_delete.png) -3px -3px no-repeat; border: none; display: block; float: left; font-size: 1px; height: 10px; margin: 5px 0 0 5px; width: 10px; }

/********** Login **********/

.clean #header-left, .clean #header-right, .clean #header-middle { background: none; }
#login-container { background: #fff url(../images/site/bg-login.png) top left repeat-x; margin: 75px auto 0; padding: 20px 20px 25px 20px; width: 800px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 0 0 25px #777; -moz-box-shadow: 0 0 25px #777; -webkit-box-shadow: 0 0 25px #777; }
.login-main h1 { color: #333; margin: 0 0 45px; text-align: center; text-shadow: 0 1px 0 #fff; }
.login-main form { margin: 0; padding: 0; }
.login-form .username, .login-form .password { clear: left; float: left; padding: 0 0 5px; width: 100%; }
.login-form label, .login-form p.contacts { display: block; float: left; font-weight: bold; padding: 5px 10px 0 0; text-align: right; width: 100px; }
.login-form label.error, .signup-row label.error { margin-left: 10px; text-align: left; padding: 5px 10px; width: 90%;}
.login-form input.error { margin: 0; }
.login-demo-buttons { margin: 20px auto 10px; width: 280px; }
.login-demo-buttons .demo-button { color: #222; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 18px; padding: 8px 14px; text-align: center; text-shadow: 0 1px 0 #fff; }
.login-demo-buttons .teacher { background: #F5E494 url(../images/white.png) top left repeat-x; border: 1px solid #DFCB6F; float: left; }
.login-demo-buttons .student { background: #D1E8EF url(../images/white.png) top left repeat-x; border: 1px solid #B5C9CF; float: right; }
.login-demo-buttons a { border: none; color: #333; }

.signup-row label.valid { background: url('../images/icons/check.png') no-repeat; padding: 0;
						  float: left; height: 16px; width: 16px; border: none; margin-top: 5px }
.signup-row .help { font-weight: bold; font-size: 10px; margin: 0px 0 8px 110px; clear: left; display: block; }
.signup-row .help.left { margin: -6px 0 0 0; text-align: right; padding-right: 10px; width: 100px; }		
.signup-row label.check { float: none; margin: 0 0 10px 110px; text-align: left; width: 350px; }
.signup-row input[type=checkbox] { margin: 8px 0 0 85px; width: 20px;}
				  
.agree input { display: inline; }
.agree label.valid { display: none; }
.login-form input, .login-form ul { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; float: left;
					font-size: 15px; margin-right: 0; padding: 4px; width: 350px; margin: 0 0 5px 0; }
.login-form textarea { background: transparent url(../images/input-bg.png) top left no-repeat scroll; border: 1px solid #ABADB3; float: left;
					font-size: 15px; margin-right: 0; padding: 4px; width: 350px; margin: 0 0 5px 0; height: 100px; }					
.login-extra { clear: both; padding: 10px 0 0 110px; }
.login-options { clear: both; padding: 15px 0 10px; text-align: center; }

.trial-type-button { border:1px solid #AAAAAA; background-color:#CCCCCC; float:left; padding:5px 8px 4px; margin:1px 7px 0 0; }
.trial-type-button.on { border:1px solid #98BE8C; background-color:#C5E2BB; }
.trial-type-button input { position:relative; top:4px; margin-right:5px; width:auto; }
.trial-type-button label { float:none; padding:0; width:120px; }
.signup-modal-loader { position:absolute; top:20px; right:0; }
.skip-signup { padding-top:10px; } 
.skip-signup a { border: 0 none; color: #666666; font-size: 12px; text-decoration: none; }
.signup-row .apple { width:60px; }
.signup-row .skip-text { padding:15px 0 30px 10px; font-size:15px; line-height:150%; }


/********** Support **********/

#support-history { margin-bottom: 20px; }
#support-history td.date { color: #666; white-space: nowrap; }
#support-history td.action { font-style: italic; padding-right: 10px; white-space: nowrap; }
#support-history tr:nth-child(2n) td { background: #f5f5f5; }

#support-list .add-button { margin: 10px 0 0; }
#support-list .add-button a { float: right; }

#support-create select { width: 30%; }
#support-create input#ticket-title { width: 60%; }

#ticket-info table th { padding-right: 10px; width: 115px; }

#submit-ticket { float: left; margin: 0 2% 0 0; padding: 10px 0 0; width: 58%; }
#submit-ticket .ticket-row { clear: left; margin: 0 0 5px; }
#submit-ticket .ticket-row input.input { width: 70%; }
#submit-ticket .ticket-row .float { float:left; }
#submit-ticket .ticket-row img.float { margin: 3px 0 0 10px; }
#submit-ticket .ticket-row textarea { height: 180px; width: 70%; }
#submit-ticket .ticket-row.ticket-type { margin-bottom: 25px; }
#submit-ticket .ticket-row .ticket-type input { float: left; margin: 15px 2px 0 0; }
#submit-ticket .ticket-row .ticket-type span { float: left; margin-right: 10px; }
#submit-ticket .ticket-submit { padding: 20px 0 0; text-align: center; }
#submit-ticket .ticket-submit input.button { width: 100px; }
#submit-ticket label { display: block; float: left; padding: 5px 10px 0 0; text-align: right; width: 100px; }
#submit-ticket label.radioLabel { display: inline; float: none; }

/********** Signup **********/

#signup, #iphone-support { float: left; margin: 0; padding: 10px 0 0; width: 59%; }
#signup .signup-row { clear: left; margin: 0 0 5px; }
#signup .signup-row input.input { width: 70%; }
#signup .signup-row .small { width: 15% !important; }
#signup .signup-row .medium { width: 33% !important; margin-right: 5px; }
#signup .signup-row .large { width: 70% !important; }
#signup .signup-row .float { float:left; }
#signup .signup-row img.float { margin: 3px 0 0 10px; }
#signup .signup-row textarea { height: 180px; width: 70%; }
#signup .signup-row .signup-type input { float: left; margin: 15px 2px 0 0; }
#signup .signup-row .signup-type span { float: left; margin-right: 10px; }
#signup .signup-row .card-type-label { padding-top: 13px; }
#signup .signup-row .pay-plan-label { padding-top: 8px; }
#signup .signup-row .signup-plan { padding: 7px 0; }
#signup .signup-row .signup-plan input { vertical-align: middle; }
#signup .signup-row .signup-plan span { margin-right: 10px; vertical-align: middle; }
#signup .agree { padding-top: 5px; }
#signup .agree input { vertical-align: middle; margin-left:5px; }
#signup .agree span { vertical-align: middle; }
#signup .signup-submit { padding: 20px 0 0; text-align: center; }
#signup label { display: block; float: left; padding: 5px 10px 0 0; text-align: right;  }
#signup .signup-submit textarea { display: none; }
#signup-right { background: #F5E494 url(../images/white.png) top left repeat-x; border: 1px solid #DFCB6F; float: right; padding: 10px; width: 36%; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }#signup .row-divider { border-top: 1px solid #EEEEEE; margin-top: 15px; padding-top: 15px; }
form#signup .error, form#signup .success { margin: 0 0 15px !important; }
form#signup .signup-row .error { margin: 10px 0 15px !important; }

/********** User select **********/
#modal-window-users-search, 
#modal-window-forms-search { width: 500px;}
#modal-window-users-search .itemrow, 
#modal-window-forms-search .itemrow { float: left; clear: none; width: 46%; padding: 0 2%; }
#modal-window-users-search .itemrow.full, 
#modal-window-forms-search .itemrow.full { clear: both; width: 96%; padding: 0 2%; }
#modal-window-users-search .itemrow.full select, 
#modal-window-forms-search .itemrow.full select { width: 100%;}
#modal-window-users-search .itemrow label, 
#modal-window-forms-search .itemrow label { float: none; width: auto; text-align: left; }
#modal-window-users-search .itemrow input, 
#modal-window-users-search .itemrow select,
#modal-window-forms-search .itemrow input, 
#modal-window-forms-search .itemrow select { float: none; width: 95%; } 
#modal-window-users-search .search-results, 
#modal-window-forms-search .search-results  { margin-top: 10px; height: 300px; background: #FFFFFF; border: 1px solid #AAAAAA; margin: 0 10px 7px; overflow-y: scroll; }

#modal-window-forms-search .search-results .search-result img { float: left; }
#modal-window-forms-search .search-results .search-result .info { margin-left: 40px; }
#modal-window-forms-search .search-results .search-result .info p { padding: 0; }

.user-avatar { float: right; margin-right: 5px; }
.remove-object { background: url(../images/icons/bullet_delete.png) no-repeat; color: #fff; border: 0; float: left; width: 16px; height: 16px; }

/********** Modal window **********/

.modal-dialog .message .note { margin: 0 0 15px; }
.modal-dialog .error, .modal-dialog .success { margin: 0 0 10px; }
.modal-dialog .dialog-form-row { margin:0 0 10px; }
.modal-dialog .dialog-form-row label { display:block; float:left; width:90px; margin-right:10px; text-align:right; }
.modal-dialog .dialog-form-row textarea.dialog-form-textarea { width:360px; font-size:13px; height:80px; }
.modal-dialog .dialog-form-row textarea.dialog-form-textarea-wide { width:455px; font-size:13px; height:40px; }

#modal-alert .login-form { margin: 15px 0pt 5px; }
#modal-alert .login-form input { width: 262px !important; }
#modal-alert .agree { text-align: center; }
#modal-alert .agree * { vertical-align: middle; }

#modal-confirm .buttons, #modal-window .buttons, #modal-message .buttons, .modal-dialog .buttons { padding: 10px; border-top:1px solid #fff; }
#modal-confirm .buttons .button, #modal-window .buttons .button, #modal-message .buttons .button, .modal-dialog .buttons .button { cursor:pointer; float:right; margin-left:5px; }
#modal-window .error { margin-top: 0; }
#modal-window-loader { display: block; float: right; margin: 7px; }
#modal-window-goals-search .buttons { padding:4px 5px 5px; }

#modal-message { width: 500px; }
#modal-message .padded-10 { margin-bottom: 10px; }

#modal-error { color: #CC3333; float: left; font-weight: bold; font-size: 12px; }

#modal-window-contacts { width: 680px; }
#modal-window-contacts .contacts-list { width: 300px; }
#modal-window-contacts .modal-contacts-list { height: 280px; overflow-y: scroll; border: 1px solid #aaa; background-color: #fff; }
#modal-window-contacts .contact-row { padding: 5px 10px; border-bottom: 1px solid #ddd; }
#modal-window-contacts .user-row { padding-left: 31px; }
#modal-window-contacts .contact-check, #modal-window-contacts .contact-label { vertical-align: middle; }
#modal-window-contacts .contact-expand { display: block; float: left; margin: 3px 5px 0 0; border: none; }
#modal-window-contacts .contact-row.course-row { background-color:#EFFAFF; } 
#modal-window-contacts .contacts-actions { width: 50px; text-align: center; }
#modal-window-contacts .contacts-actions-move { width: 36px; margin: 5px 0; }
#modal-window-contacts .contacts-container { margin-bottom: 5px; }

.invite-contacts { width: 680px; }
.invite-contacts .contacts-list { width: 300px; }
.invite-contacts .modal-contacts-list { height: 280px; overflow-y: scroll; border: 1px solid #aaa; background-color: #fff; }
.invite-contacts .contact-row { padding: 5px 10px; border-bottom: 1px solid #ddd; }
.invite-contacts .user-row { padding-left: 5px; font-size:14px; list-style: none; }
.invite-contacts .contact-check, .invite-contacts .contact-label { vertical-align: middle; }
.invite-contacts .contact-expand { display: block; float: left; margin: 3px 5px 0 0; border: none; }
.invite-contacts .contact-row.course-row { background-color:#EFFAFF; } 
.invite-contacts .contacts-actions { width: 50px; text-align: center; }
.invite-contacts .contacts-actions-move { width: 36px; margin: 5px 0; }
.invite-contacts .contacts-container { margin-bottom: 5px; }

#modal-window-goals-more { width: 600px; }
#modal-window-goals-search { height: 440px; width: 740px; }

/********** Snapabug **********/

#snapabug-li { background:none !important; }
#snapabug-li .SnapABug_Button { left:auto; position:relative; right:-4px; }
#snapabug-li .SnapABug_Button img { position:static !important; }

.hide { display: none; }
.css-hide { display: none; }